.boot-fit-indicator{padding:20px;border-radius:16px;text-align:center;transition:all .3s ease;margin-bottom:15px}.boot-fit-indicator.fit-too-tight{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #ef4444}.boot-fit-indicator.fit-perfect{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #22c55e}.boot-fit-indicator.fit-moderate{background:linear-gradient(135deg,#fefce8 0%,#fef08a 100%);border:2px solid #eab308}.boot-fit-indicator.fit-loose{background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%);border:2px solid #f97316}.boot-fit-status{font-size:1.8rem;font-weight:700;margin-bottom:8px;font-family:'Poppins',sans-serif}.fit-too-tight .boot-fit-status{color:#dc2626}.fit-perfect .boot-fit-status{color:#16a34a}.fit-moderate .boot-fit-status{color:#ca8a04}.fit-loose .boot-fit-status{color:#ea580c}.boot-difference-value{font-size:2.5rem;font-weight:800;font-family:'Roboto Mono',monospace;margin:10px 0}.fit-too-tight .boot-difference-value{color:#dc2626}.fit-perfect .boot-difference-value{color:#16a34a}.fit-moderate .boot-difference-value{color:#ca8a04}.fit-loose .boot-difference-value{color:#ea580c}.boot-suggestion-box{padding:15px;border-radius:12px;margin-top:15px;display:flex;align-items:flex-start;gap:12px}.boot-suggestion-box i{font-size:1.2rem;margin-top:2px}.fit-too-tight .boot-suggestion-box{background:rgba(239,68,68,.1);color:#b91c1c}.fit-perfect .boot-suggestion-box{background:rgba(34,197,94,.1);color:#15803d}.fit-moderate .boot-suggestion-box{background:rgba(234,179,8,.1);color:#a16207}.fit-loose .boot-suggestion-box{background:rgba(249,115,22,.1);color:#c2410c}.boot-fit-meter{position:relative;height:40px;background:linear-gradient(90deg,#ef4444 0%,#ef4444 20%,#22c55e 20%,#22c55e 40%,#eab308 40%,#eab308 60%,#f97316 60%,#f97316 100%);border-radius:20px;margin:20px 0;overflow:visible}.boot-fit-meter-pointer{position:absolute;top:-8px;width:4px;height:56px;background:#1f2937;border-radius:2px;transform:translateX(-50%);transition:left .5s ease;box-shadow:0 2px 8px rgba(0,0,0,.3)}.boot-fit-meter-pointer::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #1f2937}.boot-fit-meter-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-top:8px;padding:0 5px;text-align:center}.boot-fit-meter-labels small{display:block;font-size:.65rem;color:#9ca3af;margin-top:2px}.boot-measure-guide{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;padding:20px;margin-top:15px}.boot-measure-step{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e2e8f0}.boot-measure-step:last-child{border-bottom:none}.boot-measure-step-number{width:28px;height:28px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.boot-measure-step-text{color:#374151;font-size:.95rem}.boot-type-icon{font-size:2rem;margin-bottom:8px}.boot-size-ref-card{background:#fff;border-radius:12px;padding:15px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s ease}.boot-size-ref-card:hover{transform:translateY(-2px)}.boot-size-ref-label{font-size:.85rem;color:#6b7280;margin-bottom:5px}.boot-size-ref-value{font-size:1.1rem;font-weight:600;color:#1f2937}.boot-input-label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.boot-input-label .unit{font-weight:400;color:#6b7280;font-size:.9rem}.boot-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#e5e7eb;color:#6b7280;border-radius:50%;font-size:.7rem;margin-left:6px;cursor:help;position:relative}.boot-tooltip-icon:hover::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:8px 12px;background:#1f2937;color:#fff;font-size:.8rem;border-radius:6px;white-space:nowrap;z-index:100;margin-bottom:5px}@media(max-width:768px){.boot-fit-status{font-size:1.5rem}.boot-difference-value{font-size:2rem}.boot-fit-meter-labels{font-size:.65rem}}@keyframes boot-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.boot-fit-indicator.animate{animation:boot-pulse .5s ease}