.calculation-card{background:#fff;border-radius:24px;max-width:550px;margin:0 auto;padding:2rem;box-shadow:0 8px 30px #8b451314}.calc-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.calc-icon{flex-shrink:0;font-size:2.5rem}.calc-header h3{color:var(--primary);margin-bottom:.2rem;font-size:1.3rem}.calc-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.4}.input-grid{grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem;display:grid}.input-group{flex-direction:column;gap:.4rem;display:flex}.input-group label{color:var(--primary);letter-spacing:.3px;font-size:.8rem;font-weight:600}.input-group input,.input-group select{background:var(--surface);color:var(--text-main);border:2px solid #8b45131a;border-radius:12px;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-group input:hover,.input-group select:hover{border-color:#8b451333}.input-group input:focus,.input-group select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #8b45130f}.input-group small{color:var(--text-muted);font-size:.7rem;font-style:italic}.hydration-visual{margin-bottom:1.5rem;padding:0 .5rem}.hydration-bar{border-radius:12px;height:24px;position:relative;overflow:visible}.bar-zones{border-radius:12px;height:100%;display:flex;overflow:hidden}.zone{height:100%;transition:opacity .3s}.zone-dry{background:linear-gradient(90deg,#ef5350 0%,#ffab91 100%);flex:2}.zone-optimal{background:linear-gradient(90deg,#aed581 0%,#81c784 100%);flex:1}.zone-perfect{background:linear-gradient(90deg,#4caf50 0%,#66bb6a 100%);flex:1}.zone-wet{background:linear-gradient(90deg,#ffb74d 0%,#ff9800 100%);flex:2}.hydration-indicator{z-index:2;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:left .4s,background-color .3s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #00000040}.indicator-value{color:#fff;text-shadow:0 1px 2px #0003;font-size:.75rem;font-weight:800}.bar-labels{color:var(--text-muted);justify-content:space-between;padding:.5rem 0 0;font-size:.7rem;display:flex}.result-area{background:linear-gradient(135deg,#8b451308 0%,#f4a4600d 100%);border:2px solid #8b45130f;border-radius:18px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;transition:border-color .3s;display:flex}.result-area>div:first-child{align-items:center;gap:1.5rem;display:flex}.hydration-value{flex-direction:column;flex-shrink:0;align-items:center;min-width:100px;display:flex}.hydration-value .value{font-size:2.2rem;font-weight:800;line-height:1}.hydration-value .label{text-transform:uppercase;opacity:.8;margin-top:.3rem;font-size:.75rem;font-weight:600}.result-area .btn{width:100%;margin-top:.5rem}.history-section{background:#8b451305;border:1px dashed #8b45131f;border-radius:14px;margin-top:1.5rem;padding:1.2rem}.history-section h4{color:var(--primary);align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:.95rem;display:flex}.history-list{flex-direction:column;gap:.6rem;display:flex}.history-item{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:.7rem .9rem;font-size:.85rem;display:flex;box-shadow:0 2px 6px #0000000a}.history-label{color:var(--primary);opacity:.7;min-width:30px;font-size:.75rem;font-weight:700}.history-result{color:var(--primary);font-size:.95rem;font-weight:700}.recommendation-box{flex:1}.recommendation-box h4{margin-bottom:.3rem;font-size:1rem;transition:color .3s}.recommendation-box p{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.5}.science-note{color:var(--text-muted);background:#8b451308;border:1px dashed #8b451326;border-radius:12px;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;font-size:.8rem;line-height:1.6;display:flex}.note-icon{flex-shrink:0;font-size:1.2rem}.science-note strong{color:var(--primary)}@media (max-width:600px){.calculation-card{border-radius:20px;padding:1.5rem}.calc-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.calc-icon{font-size:2.2rem}.calc-header h3{font-size:1.15rem}.calc-desc{font-size:.85rem}.input-grid{grid-template-columns:1fr;gap:1rem}.input-group input,.input-group select{padding:.9rem 1rem;font-size:16px}.hydration-indicator{width:38px;height:38px}.indicator-value{font-size:.7rem}.result-area{text-align:center;flex-direction:column;padding:1.5rem}.result-area>div:first-child{justify-content:center}.hydration-value .value{font-size:2rem}.science-note{padding:.9rem 1rem;font-size:.75rem}}@media (max-width:380px){.calculation-card{border-radius:16px;padding:1.2rem}.calc-icon{font-size:2rem}.calc-header h3{font-size:1.05rem}.input-group label{font-size:.75rem}.hydration-bar{height:20px}.hydration-indicator{width:34px;height:34px}.indicator-value{font-size:.65rem}.result-area{border-radius:14px;padding:1.2rem}.hydration-value .value{font-size:1.8rem}.recommendation-box h4{font-size:.9rem}.recommendation-box p{font-size:.8rem}}
.tool-box{background:#fff;border-radius:20px;flex-direction:column;gap:.8rem;padding:2rem;display:flex;box-shadow:0 6px 25px #8b451314}.tool-box h3{color:var(--primary);margin-bottom:.2rem;font-size:1.2rem}.tool-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--primary);font-size:.85rem;font-weight:600}.tool-input{font-family:var(--font-main);background:var(--surface);color:var(--text-main);border:2px solid #8b45131a;border-radius:12px;padding:.9rem 1rem;font-size:1.1rem;transition:all .3s}.tool-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #8b451314}.tool-input.readonly{cursor:default;background:#8b451308}.result-box{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);color:#fff;text-align:center;border-radius:16px;flex-direction:column;gap:.3rem;margin-top:1.2rem;padding:1.5rem;display:flex;box-shadow:0 6px 20px #8b451340}.result-label{text-transform:uppercase;opacity:.9;letter-spacing:.5px;font-size:.75rem}.result-value{font-size:2rem;font-weight:800}.unit-converter{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 6px 25px #8b451314}.converter-header{text-align:center;margin-bottom:1.5rem}.converter-header h3{color:var(--primary);margin-bottom:.3rem;font-size:1.2rem}.converter-header p{color:var(--text-muted);font-size:.9rem}.conversion-types{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.type-btn{color:var(--text-muted);cursor:pointer;background:#fff;border:2px solid #8b45131a;border-radius:30px;align-items:center;gap:.4rem;padding:.7rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.type-btn:hover{color:var(--primary);border-color:#8b451333}.type-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.type-btn span:first-child{font-size:1rem}.converter-body{flex-direction:column;gap:1rem;display:flex}.converter-grid{grid-template-columns:1fr auto 1fr;align-items:flex-end;gap:1rem;display:grid}.converter-arrow-wrapper{justify-content:center;align-items:center;padding-bottom:.5rem;display:flex}.converter-arrow{color:var(--primary);font-size:1.5rem}.result-display{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);color:#fff;text-align:center;border-radius:12px;padding:1rem 1.5rem;font-size:1.3rem;font-weight:700;box-shadow:0 4px 15px #8b451333}.converter-info{color:var(--text-muted);background:linear-gradient(135deg,#8b451308 0%,#f4a4600d 100%);border-radius:10px;align-items:flex-start;gap:.5rem;padding:.8rem 1rem;font-size:.8rem;line-height:1.4;display:flex}.result-with-action{justify-content:center;align-items:center;gap:1rem;display:flex}.copy-btn-mini{cursor:pointer;color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;padding:.3rem .6rem;font-size:.9rem;transition:all .2s;display:flex}.copy-btn-mini:hover{background:#fff6;transform:scale(1.1)}.converter-info span:first-child{flex-shrink:0;font-size:1rem}.tool-tip{color:var(--primary);border-left:3px solid var(--accent);background:#f4a4600d;border-radius:0 10px 10px 0;margin-top:1.2rem;padding:.8rem 1rem;font-size:.8rem;font-style:italic;line-height:1.5}.history-section{background:#8b451305;border:1px dashed #8b45131f;border-radius:12px;margin-top:1.2rem;padding:1rem}.history-section h4{color:var(--primary);align-items:center;gap:.4rem;margin:0 0 .7rem;font-size:.85rem;display:flex}.history-list{flex-direction:column;gap:.5rem;display:flex}.history-item{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .8rem;font-size:.8rem;display:flex;box-shadow:0 1px 4px #0000000a}.history-label{color:var(--primary);opacity:.7;min-width:25px;font-size:.7rem;font-weight:700}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;display:grid}@media (max-width:768px){.unit-converter{padding:1.5rem}.conversion-types{gap:.4rem}.type-btn{padding:.6rem .8rem;font-size:.75rem}.type-btn span:first-child{font-size:.9rem}.converter-grid{grid-template-columns:1fr}.converter-arrow-wrapper{padding:.5rem 0}.converter-arrow{transform:rotate(90deg)}.result-display{padding:.9rem 1.2rem;font-size:1.1rem}}@media (max-width:600px){.tools-grid{grid-template-columns:1fr;gap:1.5rem}.tool-box{padding:1.5rem}.result-value{font-size:1.5rem}}@media (max-width:480px){.type-btn{padding:.5rem .7rem;font-size:.7rem}.type-btn span:first-child{display:none}.unit-converter{padding:1.2rem}.converter-header h3{font-size:1.1rem}.converter-info{padding:.7rem;font-size:.75rem}}
.audio-timer{text-align:center;background:#fff;border-radius:20px;max-width:100%;padding:2rem;animation:.4s fadeIn;box-shadow:0 6px 25px #8b451314}.timer-header{text-align:left;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.timer-icon{flex-shrink:0;font-size:2.2rem}.timer-header h3{color:var(--primary);margin-bottom:.2rem;font-size:1.2rem}.timer-desc{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.4}.timer-display{background:linear-gradient(135deg,#8b451308 0%,#f4a4600f 100%);border:1px solid #8b45130f;border-radius:20px;margin-bottom:1.5rem;padding:2rem}.progress-ring{width:160px;height:160px;margin:0 auto;position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring .progress-bg{fill:none;stroke:#8b45131a;stroke-width:8px}.progress-ring .progress-bar{fill:none;stroke:url(#gradient) var(--primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.progress-ring .time-remaining{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Courier New,monospace;font-size:2.2rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.time-remaining.warning{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.time-remaining.danger{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:.5s infinite pulse}@keyframes pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.05)}}.timer-presets{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.preset-btn{cursor:pointer;background:#fff;border:2px solid #8b45131a;border-radius:14px;flex-direction:column;align-items:center;gap:.2rem;min-width:70px;padding:.8rem 1rem;font-family:inherit;transition:all .3s;display:flex}.preset-btn span:first-child{font-size:1.3rem}.preset-btn span:last-child{color:var(--text-muted);font-size:.75rem;font-weight:600}.preset-btn:hover{border-color:#8b451333;transform:translateY(-2px)}.preset-btn.active{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:#0000;box-shadow:0 4px 15px #8b451340}.preset-btn.active span:last-child{color:#fff}.timer-inputs{justify-content:center;align-items:center;gap:.6rem;display:flex}.input-label{color:var(--text-muted);font-size:.85rem}.timer-inputs input{width:65px;color:var(--text-main);text-align:center;background:#fff;border:2px solid #8b451326;border-radius:12px;outline:none;padding:.7rem;font-family:inherit;font-size:1.3rem;font-weight:600;transition:all .3s}.timer-inputs input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #8b451314}.input-unit{color:var(--primary);font-size:.9rem;font-weight:600}.timer-controls{justify-content:center;gap:1rem;display:flex}.btn-large{border-radius:14px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;display:flex}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}@media (max-width:600px){.audio-timer{padding:1.5rem}.timer-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.timer-icon{font-size:2rem}.timer-header h3{font-size:1.1rem}.timer-display{padding:1.5rem}.progress-ring{width:140px;height:140px}.progress-ring .time-remaining{font-size:1.8rem}.timer-presets{gap:.5rem}.preset-btn{min-width:60px;padding:.7rem .8rem}.preset-btn span:first-child{font-size:1.1rem}.preset-btn span:last-child{font-size:.7rem}.btn-large{padding:.9rem 1.5rem;font-size:.95rem}}@media (max-width:380px){.audio-timer,.timer-display{padding:1.2rem}.progress-ring{width:120px;height:120px}.progress-ring .time-remaining{font-size:1.5rem}.preset-btn{border-radius:12px;min-width:55px;padding:.6rem .7rem}.timer-inputs{flex-wrap:wrap}.btn-large{justify-content:center;width:100%}}
.tools-container{padding-top:2rem;padding-bottom:5rem;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tools-header{text-align:center;background:radial-gradient(circle at 10% 20%,#8b451308 0%,#0000 40%),radial-gradient(circle at 90% 80%,#f4a4600d 0%,#0000 40%);border-radius:32px;margin-bottom:3.5rem;padding:3rem 1.5rem;position:relative;overflow:hidden}.tools-header:before{content:"";opacity:.5;pointer-events:none;background-image:linear-gradient(#8b45130d 1px,#0000 1px),linear-gradient(90deg,#8b45130d 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.tools-icon{filter:drop-shadow(0 10px 20px #8b451333);z-index:1;margin-bottom:1.5rem;font-size:4.5rem;animation:4s ease-in-out infinite floating;display:inline-block;position:relative}@keyframes floating{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}.title-gradient{letter-spacing:-.03em;background:linear-gradient(135deg,var(--primary)0%,#d48c45 50%,var(--accent)100%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;position:relative}.tools-header .subtitle{color:var(--text-muted);z-index:1;max-width:600px;margin:0 auto;font-size:1.15rem;font-weight:500;line-height:1.6;position:relative}.tools-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #8b45131a;border-radius:24px;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:3.5rem;padding:.8rem;display:flex;box-shadow:0 15px 35px #8b451314}.tab-btn{color:var(--text-muted);cursor:pointer;background:#fff;border:2px solid #8b45131a;border-radius:50px;align-items:center;gap:.5rem;padding:.9rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 18px #8b451314}.tab-btn:hover{color:var(--primary);border-color:#8b451333;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 15px #8b451340}.tab-btn span{font-size:1.1rem}.tools-content{max-width:900px;margin:0 auto}.tab-panel{flex-direction:column;gap:2.5rem;display:flex}.tab-panel.fade-in{animation:.4s fadeIn}.timers-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.timer-tips{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 12px 30px #8b451314}.timer-tips h3{color:var(--primary);margin-bottom:1rem;font-size:1.2rem}.timer-tips ul{flex-direction:column;gap:.8rem;padding:0;list-style:none;display:flex}.timer-tips li{border-left:3px solid var(--accent);background:linear-gradient(135deg,#8b451308 0%,#f4a4600d 100%);border-radius:12px;padding:.8rem 1rem;font-size:.9rem;line-height:1.5}.timer-tips li strong{color:var(--primary)}.quick-conversions{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 12px 30px #8b451314}.quick-conversions h3{color:var(--primary);text-align:center;margin-bottom:1.5rem;font-size:1.2rem}.conversions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.conversion-item{background:var(--surface);border:1px solid #8b45130f;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.2rem;transition:all .3s;display:flex;box-shadow:0 6px 16px #8b45130f}.conversion-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b451314}.conv-label{color:var(--text-muted);font-size:.85rem}.conv-value{color:var(--primary);font-size:.9rem;font-weight:700}.science-masterclass{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 8px 30px #8b451314}.science-masterclass h2{color:var(--primary);text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.masterclass-content{max-width:800px;margin:0 auto}.masterclass-content p{color:var(--text-main);text-align:center;line-height:1.7}.formula-box{color:#f4a460;text-align:center;background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%);border-radius:16px;margin:1.5rem 0;padding:1.5rem 2rem;font-family:Consolas,Monaco,monospace;font-size:1.1rem;box-shadow:0 10px 30px #00000026}.formula-box code{font-size:inherit;color:inherit}.percents-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem;display:grid}.percent-card{text-align:center;background:linear-gradient(135deg,#8b451308 0%,#f4a4600d 100%);border:1px solid #8b451314;border-radius:16px;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem;transition:all .3s;display:flex}.percent-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #8b45131f}.percent-icon{margin-bottom:.3rem;font-size:1.8rem}.percent-card strong{color:var(--primary);font-size:.85rem}.percent-range{color:var(--accent);font-size:1.1rem;font-weight:800}.interactive-formula{background:#8b45130a;border:1px solid #8b45131a;border-radius:16px;margin:2rem 0;padding:1.5rem}.input-group-inline{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.lab-input{border:2px solid var(--primary);text-align:center;width:120px;color:var(--primary);border-radius:12px;padding:.8rem;font-size:1.2rem;font-weight:700}.ddt-calculator{gap:1.5rem;display:grid}.ddt-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.ddt-item{background:#fff;border:1px solid #8b451314;border-radius:14px;padding:1rem}.ddt-result{text-align:center;background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 100%);border:2px solid #bae6fd;border-radius:20px;padding:2rem}.ddt-temp{color:#0369a1;font-size:2.5rem;font-weight:800;display:block}.substitution-table-wrapper{border:1px solid #8b45131a;border-radius:16px;margin-top:1.5rem;overflow-x:auto}.substitution-table{border-collapse:collapse;background:#fff;width:100%}.substitution-table th{text-align:left;color:var(--primary);background:#8b45130d;padding:1rem;font-size:.85rem}.substitution-table td{border-top:1px solid #8b45130d;padding:1rem;font-size:.9rem}.hydration-scale{background:linear-gradient(90deg,#fde68a 0%,#fbbf24 50%,#f59e0b 100%);border:4px solid #fff;border-radius:25px;height:45px;margin-top:1.5rem;position:relative;box-shadow:0 4px 10px #0000001a}.scale-marker{background:var(--primary);width:4px;height:65px;transition:left .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:-10px}.scale-marker:after{content:"▲";color:var(--primary);position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.scale-labels{color:var(--text-muted);justify-content:space-between;margin-top:2rem;padding:0 .5rem;font-size:.75rem;font-weight:700;display:flex}.scaler-arrow{padding-top:1rem;font-size:1.5rem}.scaler-result{text-align:center;border:1px dashed var(--primary);background:#8b45130d;border-radius:16px;margin-top:1.5rem;padding:1.5rem}.scaler-result strong{color:var(--primary);margin:.5rem 0;font-size:1.8rem;display:block}@media (max-width:768px){.tools-container{padding-top:1.5rem;padding-bottom:8rem}.tools-icon{font-size:3rem}.tools-header{margin-bottom:2rem}.tools-header h1{font-size:1.8rem}.tools-header .subtitle{font-size:.95rem}.tools-tabs{gap:.5rem;margin-bottom:2rem}.tab-btn{padding:.7rem 1.2rem;font-size:.85rem}.tab-btn span{font-size:1rem}.timers-grid{grid-template-columns:1fr;gap:1.5rem}.science-masterclass{border-radius:20px;padding:1.8rem 1.5rem}.science-masterclass h2{font-size:1.3rem}.formula-box{border-radius:14px;padding:1.2rem 1.5rem;font-size:.9rem}.percents-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.percent-card{padding:1rem}.percent-icon{font-size:1.5rem;box-shadow:0 8px 18px #8b45130f}.conversions-grid{grid-template-columns:1fr}.timer-tips,.quick-conversions{padding:1.5rem}}@media (max-width:480px){.tools-icon{font-size:2.5rem}.tools-header h1{font-size:1.5rem}.tab-btn{border-radius:30px;padding:.6rem 1rem;font-size:.8rem}.science-masterclass{border-radius:16px;padding:1.5rem 1.2rem}.masterclass-content p{font-size:.9rem}.formula-box{padding:1rem;font-size:.8rem;overflow-x:auto}.percent-card{padding:.9rem}.percent-icon{font-size:1.3rem}.percent-card strong{font-size:.75rem}.percent-range{font-size:.95rem}.timer-tips li{padding:.7rem;font-size:.85rem}.conversion-item{text-align:center;flex-direction:column;gap:.3rem;padding:.8rem 1rem}}@media (max-width:380px){.tools-tabs{flex-direction:column;align-items:stretch}.tab-btn{justify-content:center}.percents-grid{grid-template-columns:1fr 1fr}.science-masterclass{border-radius:16px}.science-masterclass h2{font-size:1.2rem}.masterclass-content p{font-size:.95rem}.typical-percents{grid-template-columns:1fr}.formula-box{padding:.9rem 1rem;font-size:.85rem}}