.breakdance .bde-section-317-100 .section-container{display:flex;flex-direction:column;align-items:center;text-align:center}.breakdance .bde-section-317-100{background-color:#F8F9FA}.breakdance .bde-section-317-100 .section-container{padding-bottom:50px;padding-top:50px}.breakdance .bde-text-317-102{margin-top:15px;margin-bottom:20px}.breakdance .bde-code-block-317-103{width:950px}.thermometer-widget{width:100%}.widget-header{text-align:center;margin-bottom:30px}.widget-header h2{font-size:2rem;color:#1a1a1a;margin-bottom:10px;line-height:1.2}.widget-header p{font-size:1rem;color:#666}.thermometer-container{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:start;margin-bottom:40px}.thermometer-wrapper{text-align:center;position:sticky;top:25px;padding-top:25px}.thermometer{position:relative;width:60px;height:250px;background:#e0e0e0;border-radius:30px;margin:0 auto 20px;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,0,0,0.1)}.thermometer-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#f44336,#ff9800,#4caf50);transition:height 0.5s ease;border-radius:0 0 30px 30px}.hardness-label{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:10px}.hardness-value{font-size:2rem;font-weight:700;color:#06c}.slider-container{margin-bottom:30px;position:relative}.slider-value-display{position:absolute;top:-25px;transform:translateX(-50%);background:#06c;color:#fff;padding:5px 12px;border-radius:20px;font-size:0.9rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:left 0.1s ease;pointer-events:none}.slider-value-display::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;border-top-color:inherit}.slider-label{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600;color:#666;font-size:0.9rem}.hardness-slider{width:100%;height:10px;-webkit-appearance:none;appearance:none;border-radius:5px;background:linear-gradient(to right,#4caf50 0%,#8bc34a 20%,#ffeb3b 40%,#ff9800 60%,#ff5722 80%,#f44336 100%);outline:none;opacity:0.9;transition:opacity 0.2s}.hardness-slider:hover{opacity:1}.hardness-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,0.3);border:2px solid #06c;transition:all 0.3s ease}.hardness-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.hardness-slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,0.3);border:2px solid #06c;transition:all 0.3s ease}.effects-grid{display:grid;gap:15px}.effect-card{display:flex;align-items:center;gap:20px;padding:10px 18px;background:#f8f9fa;border-radius:12px;transition:all 0.4s ease;border:2px solid transparent}.effect-card.good{background:#e8f5e9;border-color:#4caf50}.effect-card.medium{background:#fff3e0;border-color:#ff9800}.effect-card.bad{background:#ffebee;border-color:#f44336}.effect-icon{font-size:2rem;transition:all 0.4s ease;flex-shrink:0}.effect-card.bad .effect-icon{animation:shake 0.5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.effect-content{flex:1}.effect-title{font-size:0.95rem;font-weight:700;color:#1a1a1a;margin-bottom:5px}.effect-value{font-size:1rem;font-weight:600;line-height:1.3}.effect-card.good .effect-value{color:#2e7d32}.effect-card.medium .effect-value{color:#ef6c00}.effect-card.bad .effect-value{color:#c62828}.warning-box{background:#fff3e0;border:2px solid #ff9800;border-radius:12px;padding:20px;margin-top:25px;display:none;animation:slideIn 0.5s ease}.warning-box.show{display:block}.warning-box.critical{background:#ffebee;border-color:#f44336}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.warning-title{font-size:1.1rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.warning-text{color:#666;line-height:1.5;font-size:0.95rem}.cta-section{margin-top:40px;padding:35px;background:linear-gradient(135deg,#0066cc 0%,#00a8ff 100%);border-radius:20px;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cta-content{position:relative;z-index:1}.cta-section h3{font-size:1.8rem;margin-bottom:15px}.cta-section p{font-size:1rem;margin-bottom:25px;opacity:0.9}.cta-button{display:inline-block;padding:15px 40px;background:#fff;color:#06c;text-decoration:none;border-radius:50px;font-weight:700;font-size:1rem;transition:all 0.3s ease;box-shadow:0 5px 20px rgba(0,0,0,0.2)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.scale-marks{position:absolute;top:15px;bottom:15px;right:-50px;width:35px}.scale-mark{position:absolute;right:0;font-size:0.75rem;color:#666;display:flex;align-items:center;gap:5px}.scale-mark::before{content:'';width:12px;height:2px;background:#999}@media (max-width:768px){.thermometer-container{grid-template-columns:1fr;gap:25px}.thermometer-wrapper{position:static;margin-bottom:25px}.widget-header h2{font-size:1.7rem}.effect-card{padding:15px}.effect-icon{font-size:1.8rem}.slider-container{margin-top:40px}}