.result-card{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:12px;padding:15px;text-align:center;margin-bottom:10px}.result-label{font-size:.9rem;color:#64748b;margin-bottom:5px}.result-value{font-size:1.8rem;font-weight:700;color:#667eea;font-family:'Roboto Mono',monospace}.result-value-small{font-size:1.2rem;font-weight:600;color:#667eea}.result-unit{font-size:.9rem;color:#94a3b8;margin-left:5px}.fit-selector{display:flex;gap:10px;margin-bottom:15px}.fit-option{flex:1;padding:12px;border:2px solid #e2e8f0;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff}.fit-option:hover{border-color:#667eea;background:rgba(102,126,234,.05)}.fit-option.active{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.15) 100%)}.fit-option .fit-icon{font-size:1.5rem;margin-bottom:5px}.fit-option .fit-name{font-size:.9rem;font-weight:600;color:#334155}.fit-option .fit-desc{font-size:.75rem;color:#94a3b8;margin-top:3px}.type-tabs{display:flex;gap:10px;margin-bottom:20px}.type-tab{flex:1;padding:15px;border:2px solid #e2e8f0;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff}.type-tab:hover{border-color:#667eea}.type-tab.active{border-color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.type-tab .type-icon{font-size:1.8rem;margin-bottom:8px;display:block}.type-tab .type-name{font-weight:600}.type-tab.active .type-icon,.type-tab.active .type-name{color:#fff}.brand-table{width:100%;border-collapse:collapse;margin-top:15px}.brand-table th,.brand-table td{padding:10px 8px;text-align:center;border-bottom:1px solid #e2e8f0;font-size:.85rem}.brand-table th{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);font-weight:600;color:#334155}.brand-table tr:hover{background:rgba(102,126,234,.05)}.brand-table .highlight{background:linear-gradient(135deg,rgba(72,187,120,.2) 0%,rgba(56,161,105,.2) 100%);font-weight:600}.brand-logo{width:20px;height:20px;vertical-align:middle;margin-right:5px}.measurement-guide{background:rgba(255,255,255,.8);border:2px dashed #cbd5e1;border-radius:12px;padding:20px;text-align:center}.measurement-icon{font-size:3rem;margin-bottom:15px;color:#667eea}.measurement-steps{text-align:left;padding-left:20px}.measurement-steps li{margin-bottom:10px;color:#475569}.measurement-steps li strong{color:#667eea}.input-group-custom{margin-bottom:15px}.input-label{display:block;font-size:.9rem;font-weight:600;color:#334155;margin-bottom:8px}.input-label .tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#e2e8f0;color:#64748b;border-radius:50%;font-size:.7rem;margin-left:5px;cursor:help;position:relative}.input-label .tooltip-icon:hover .tooltip-text{display:block}.input-label .tooltip-text{display:none;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:#1e293b;color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:normal;white-space:nowrap;z-index:100}.comfort-indicator{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:10px;margin-top:15px}.comfort-indicator.snug{background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,rgba(220,38,38,.15) 100%);border:1px solid rgba(239,68,68,.3)}.comfort-indicator.comfortable{background:linear-gradient(135deg,rgba(72,187,120,.15) 0%,rgba(56,161,105,.15) 100%);border:1px solid rgba(72,187,120,.3)}.comfort-indicator.loose{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(37,99,235,.15) 100%);border:1px solid rgba(59,130,246,.3)}.comfort-icon{font-size:1.5rem}.comfort-text{flex:1}.comfort-text .comfort-title{font-weight:600;color:#334155}.comfort-text .comfort-desc{font-size:.85rem;color:#64748b}.wrist-svg-container{display:flex;justify-content:center;margin:20px 0}.wrist-svg{max-width:200px;height:auto}.chart-container{position:relative;margin:20px 0;padding:15px;background:rgba(255,255,255,.5);border-radius:12px}.unit-toggle{display:inline-flex;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden}.unit-toggle button{padding:8px 16px;border:none;background:#fff;cursor:pointer;font-weight:500;transition:all .3s ease}.unit-toggle button.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.unit-toggle button:hover:not(.active){background:rgba(102,126,234,.1)}@media(max-width:768px){.fit-selector{flex-direction:column}.type-tabs{flex-direction:column}.result-value{font-size:1.5rem}.brand-table{font-size:.8rem}.brand-table th,.brand-table td{padding:8px 5px}}@media(max-width:576px){.fit-option{padding:10px 8px}.fit-option .fit-icon{font-size:1.2rem}.fit-option .fit-name{font-size:.8rem}}