:root{--bg-light: #ffffff;--bg-dark: #222222;--card-light: #f1f1f1;--card-dark: #000000;--text-light: #222222;--text-dark: #ffffff;--accent-light: #222222;--accent-dark: #f1f1f1;--border-radius: 16px;--transition: all .3s ease}.calculator-wrapper{width:100%;min-height:100vh;background-color:var(--bg-light);color:var(--text-light);padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:var(--transition)}.calculator-wrapper.dark-theme{background-color:var(--bg-dark);color:var(--text-dark)}.calculator-header{max-width:1200px;margin:0 auto 3rem;text-align:center}.header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.calculator-icon{padding:1rem;background-color:var(--card-light);border:3px solid var(--accent-light);border-radius:var(--border-radius);color:var(--accent-light);box-shadow:0 8px 32px #0000001a}.dark-theme .calculator-icon{background-color:var(--card-dark);border-color:var(--accent-dark);color:var(--accent-dark)}.header-text h1{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-align:left}.header-text p{font-size:1.125rem;color:var(--accent-light);margin:0;text-align:left}.dark-theme .header-text p{color:var(--accent-dark)}.theme-toggle{padding:.75rem;background-color:var(--card-light);border:3px solid var(--accent-light);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:0 4px 16px #0000001a}.dark-theme .theme-toggle{background-color:var(--card-dark);border-color:var(--accent-dark)}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle svg{color:var(--accent-light)}.dark-theme .theme-toggle svg{color:var(--accent-dark)}.theme-toggle .moon-icon{display:block}.theme-toggle .sun-icon{display:none}.header-description{font-size:1.25rem;color:var(--accent-light);max-width:800px;margin:0 auto;line-height:1.7}.dark-theme .header-description{color:var(--accent-dark)}.calculator-card{max-width:1200px;margin:0 auto 3rem;background-color:var(--card-light);border:3px solid var(--accent-light);border-radius:24px;padding:3rem;box-shadow:0 16px 64px #0000001a;transition:var(--transition)}.dark-theme .calculator-card{background-color:var(--card-dark);border-color:var(--accent-dark)}.calculator-step{margin-bottom:3rem}.calculator-step:last-child{margin-bottom:0}.step-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.step-number{width:3rem;height:3rem;background-color:var(--accent-light);color:var(--card-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0}.dark-theme .step-number{background-color:var(--accent-dark);color:var(--card-dark)}.unit-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.unit-button{padding:2rem;background:transparent;border:3px solid var(--accent-light);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);text-align:left}.dark-theme .unit-button{border-color:var(--accent-dark)}.unit-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.unit-button.active{background-color:var(--bg-light);border-color:var(--accent-light)}.dark-theme .unit-button.active{background-color:var(--bg-dark);border-color:var(--accent-dark)}.unit-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.unit-subtitle{font-size:1rem;color:var(--accent-light)}.dark-theme .unit-subtitle{color:var(--accent-dark)}.input-container{max-width:600px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1.5rem;color:var(--accent-light)}.dark-theme .input-icon{color:var(--accent-dark)}#waistInput{width:100%;padding:1.5rem 1.5rem 1.5rem 4rem;font-size:1.25rem;background-color:var(--bg-light);border:3px solid var(--accent-light);border-radius:var(--border-radius);color:var(--text-light);transition:var(--transition)}.dark-theme #waistInput{background-color:var(--bg-dark);border-color:var(--accent-dark);color:var(--text-dark)}#waistInput:focus{outline:none;box-shadow:0 0 0 4px #2222221a}.dark-theme #waistInput:focus{box-shadow:0 0 0 4px #e7e3c533}.input-unit{position:absolute;right:1.5rem;font-weight:700;color:var(--accent-light);font-size:1.125rem}.dark-theme .input-unit{color:var(--accent-dark)}.input-help{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:1rem;color:var(--accent-light)}.dark-theme .input-help{color:var(--accent-dark)}.input-help svg{flex-shrink:0}.results-container{background-color:var(--bg-light);border:3px solid var(--accent-light);border-radius:var(--border-radius);padding:2rem}.dark-theme .results-container{background-color:var(--bg-dark);border-color:var(--accent-dark)}.result-display{text-align:center;margin-bottom:2rem}.result-size{font-size:3rem;font-weight:800;color:var(--accent-light);margin-bottom:.5rem}.dark-theme .result-size{color:var(--accent-dark)}.result-label{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.result-conversion{font-size:1.125rem;color:var(--accent-light)}.dark-theme .result-conversion{color:var(--accent-dark)}.result-explanation{background-color:var(--card-light);border:2px solid var(--accent-light);border-radius:var(--border-radius);padding:1.5rem}.dark-theme .result-explanation{background-color:var(--card-dark);border-color:var(--accent-dark)}.result-explanation h4{font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.result-explanation p{font-size:1rem;line-height:1.6;margin:0}.save-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:600px}.save-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--border-radius);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);border:3px solid}.save-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.save-button.primary{background-color:var(--accent-light);color:var(--card-light);border-color:var(--accent-light)}.dark-theme .save-button.primary{background-color:var(--accent-dark);color:var(--card-dark);border-color:var(--accent-dark)}.save-button.secondary{background:transparent;color:var(--accent-light);border-color:var(--accent-light)}.dark-theme .save-button.secondary{color:var(--accent-dark);border-color:var(--accent-dark)}.email-form{margin-top:1.5rem;max-width:600px}.email-input-wrapper{display:flex;gap:1rem}#emailInput{flex:1;padding:1rem 1.5rem;font-size:1rem;background-color:var(--bg-light);border:3px solid var(--accent-light);border-radius:var(--border-radius);color:var(--text-light);transition:var(--transition)}.dark-theme #emailInput{background-color:var(--bg-dark);border-color:var(--accent-dark);color:var(--text-dark)}#emailInput:focus{outline:none;box-shadow:0 0 0 4px #2222221a}.dark-theme #emailInput:focus{box-shadow:0 0 0 4px #e7e3c533}.email-send-btn{padding:1rem 2rem;background-color:var(--accent-light);color:var(--card-light);border:3px solid var(--accent-light);border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:var(--transition)}.dark-theme .email-send-btn{background-color:var(--accent-dark);color:var(--card-dark);border-color:var(--accent-dark)}.email-send-btn:hover{transform:translateY(-2px)}.explanation-card{max-width:1200px;margin:0 auto;background-color:var(--card-light);border:3px solid var(--accent-light);border-radius:24px;box-shadow:0 16px 64px #0000001a;overflow:hidden}.dark-theme .explanation-card{background-color:var(--card-dark);border-color:var(--accent-dark)}.explanation-toggle{width:100%;padding:2rem 3rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}.explanation-toggle:hover{opacity:.8}.explanation-header{display:flex;align-items:center;gap:1rem;text-align:left}.explanation-header svg{color:var(--accent-light);flex-shrink:0}.dark-theme .explanation-header svg{color:var(--accent-dark)}.explanation-text h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-light)}.dark-theme .explanation-text h3{color:var(--text-dark)}.explanation-text p{font-size:1rem;color:var(--accent-light);margin:0}.dark-theme .explanation-text p{color:var(--accent-dark)}.chevron{transition:transform .3s ease;color:var(--accent-light)}.dark-theme .chevron{color:var(--accent-dark)}.explanation-content{padding:0 3rem 3rem}.explanation-section{background-color:var(--bg-light);border:2px solid var(--accent-light);border-radius:var(--border-radius);padding:2rem;margin-bottom:2rem}.dark-theme .explanation-section{background-color:var(--bg-dark);border-color:var(--accent-dark)}.explanation-section:last-child{margin-bottom:0}.explanation-section h4{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.explanation-section p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.explanation-section ul{list-style:none;padding:0;margin:0}.explanation-section li{font-size:1rem;line-height:1.6;margin-bottom:.5rem}.size-chart{overflow-x:auto}.size-chart table{width:100%;border-collapse:collapse;font-size:1rem}.size-chart th,.size-chart td{padding:1rem;text-align:left;border-bottom:2px solid var(--accent-light)}.dark-theme .size-chart th,.dark-theme .size-chart td{border-color:var(--accent-dark)}.size-chart th{font-weight:700;background-color:var(--card-light)}.dark-theme .size-chart th{background-color:var(--card-dark)}.size-chart tr:last-child td{border-bottom:none}@media (max-width: 768px){.calculator-wrapper{padding:1rem}.calculator-card,.explanation-content{padding:2rem 1.5rem}.header-content,.header-left{flex-direction:column;text-align:center}.header-text h1{font-size:2rem;text-align:center}.header-text p{text-align:center}.step-title{font-size:1.5rem;flex-direction:column;text-align:center;gap:.75rem}.unit-buttons,.save-buttons{grid-template-columns:1fr}.email-input-wrapper{flex-direction:column}.result-size{font-size:2.5rem}.explanation-toggle{padding:1.5rem}.explanation-header{flex-direction:column;text-align:center}}@media (max-width: 480px){.calculator-card,.explanation-content{padding:1.5rem 1rem}.header-text h1{font-size:1.75rem}.step-title{font-size:1.25rem}.result-size{font-size:2rem}.size-chart{font-size:.875rem}.size-chart th,.size-chart td{padding:.75rem .5rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/belt-calculator.css.map */