.calculator-wrapper{all:initial;display:block}.calculator-wrapper{--background-color:#ffffff;--text-color:#2e2e2e;--input-bg:#f5f5f5;--input-border:#d1d1d1;--shadow-color:rgba(0, 0, 0, 0.1);--button-bg:#4CAF50;--button-hover:#45a049;--secondary-button-bg:#4c7aaf;--secondary-button-hover:#436c9a;--reset-button-bg:#555555;--reset-button-hover:#333333;--solution-color:#277829;--table-bg-even:#f9f9f9;--table-header-bg:#f2f2f2;--border-radius:8px;--transition:0.3s ease}body.dark .calculator-wrapper{--background-color:#1a1a1a;--text-color:#e0e0e0;--input-bg:#2e2e2e;--input-border:#444444;--shadow-color:rgba(0, 0, 0, 0.3);--button-bg:#66bb6a;--button-hover:#4caf50;--secondary-button-bg:#5c85b5;--secondary-button-hover:#4c7aaf;--reset-button-bg:#666666;--reset-button-hover:#444444;--solution-color:#81c784;--table-bg-even:#222222;--table-header-bg:#333333}.calculator-wrapper .calculator{max-width:100%;background-color:var(--background-color);box-shadow:0 4px 12px var(--shadow-color);font-size:1.25rem;text-align:center;padding:1.5rem;border-radius:var(--border-radius);transition:background-color var(--transition),box-shadow var(--transition)}.calculator-wrapper .input-field{margin-bottom:1rem;font-size:1.25rem;text-align:center}.calculator-wrapper .input-field input{margin-right:.5rem;width:4rem;font-size:1.25rem;padding:.5rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);color:var(--text-color);transition:background-color var(--transition),border-color var(--transition)}.calculator-wrapper .input-field input:focus{border-color:var(--button-bg);outline:none;box-shadow:0 0 0 3px rgba(76,175,80,.3)}.calculator-wrapper .btn2{padding:.75rem;font-size:1.125rem;margin-top:.75rem;margin-left:.25rem;background-color:var(--button-bg);color:#fff;border:none;cursor:pointer;width:80%;border-radius:var(--border-radius);transition:background-color var(--transition),transform var(--transition);font-weight:500}.calculator-wrapper .btn3{padding:.75rem;font-size:1.125rem;margin-top:.75rem;margin-left:.25rem;background-color:var(--secondary-button-bg);color:#fff;border:none;cursor:pointer;width:80%;border-radius:var(--border-radius);transition:background-color var(--transition),transform var(--transition);font-weight:500}.calculator-wrapper .btn2:hover{background-color:var(--button-hover);transform:translateY(-2px)}.calculator-wrapper .btn3:hover{background-color:var(--secondary-button-hover);transform:translateY(-2px)}.calculator-wrapper .resetButton,.calculator-wrapper .resetButton2{padding:.75rem;font-size:1.125rem;margin-top:.75rem;margin-left:.25rem;background-color:var(--reset-button-bg);color:#fff;border:none;cursor:pointer;width:80%;border-radius:var(--border-radius);transition:background-color var(--transition),transform var(--transition);font-weight:500}.calculator-wrapper .resetButton:hover,.calculator-wrapper .resetButton2:hover{background-color:var(--reset-button-hover);transform:translateY(-2px)}.calculator-wrapper #solution{margin-top:1.5rem;text-align:center;font-weight:600;color:var(--text-color)}.calculator-wrapper #solution p{font-size:2rem;color:var(--solution-color);margin-top:.5rem;line-height:1.5;transition:color var(--transition)}.calculator-wrapper .input-field-graf,.calculator-wrapper .input-field-chartHeight,.calculator-wrapper .input-field-floor{margin-bottom:.75rem;text-align:center}.calculator-wrapper .input-field-graf label,.calculator-wrapper .input-field-chartHeight label,.calculator-wrapper .input-field-floor label{font-size:1rem;color:var(--text-color);margin-right:.5rem}.calculator-wrapper .input-field-graf input,.calculator-wrapper .input-field-chartHeight input,.calculator-wrapper .input-field-floor input{width:4rem;padding:.5rem;font-size:1rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);color:var(--text-color);transition:background-color var(--transition),border-color var(--transition)}.calculator-wrapper .input-field-graf select,.calculator-wrapper .input-field-chartHeight select,.calculator-wrapper .input-field-floor select{padding:.5rem;font-size:1rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);color:var(--text-color);transition:background-color var(--transition),border-color var(--transition)}.calculator-wrapper .input-field-chartHeight select{width:12rem}.calculator-wrapper .input-field-graf input:focus,.calculator-wrapper .input-field-chartHeight input:focus,.calculator-wrapper .input-field-floor input:focus,.calculator-wrapper .input-field-graf select:focus,.calculator-wrapper .input-field-chartHeight select:focus,.calculator-wrapper .input-field-floor select:focus{border-color:var(--button-bg);outline:none;box-shadow:0 0 0 3px rgba(76,175,80,.3)}.calculator-wrapper #pointTable{border:1px solid var(--input-border);border-collapse:collapse;width:70%;text-align:center;margin:1.5rem auto;background-color:var(--background-color);transition:background-color var(--transition);display:none}.calculator-wrapper #pointTable th,.calculator-wrapper #pointTable td{border:1px solid var(--input-border);padding:.5rem;font-size:.875rem;color:var(--text-color)}.calculator-wrapper #pointTable th{background-color:var(--table-header-bg);font-weight:600}.calculator-wrapper #pointTable tbody tr:nth-child(even){background-color:var(--table-bg-even)}.calculator-wrapper .label4{margin-right:.5rem;color:var(--text-color);font-weight:500}.calculator-wrapper .calculator-link{display:inline-block;margin-top:1rem;font-size:1.125rem;font-weight:500;color:var(--button-bg);text-decoration:none;padding:.5rem 1rem;border-radius:var(--border-radius);transition:color var(--transition),background-color var(--transition)}.calculator-wrapper .calculator-link:hover{background-color:var(--button-bg);color:#fff;text-decoration:none}body.dark .calculator-wrapper .calculator-link{color:var(--button-hover)}body.dark .calculator-wrapper .calculator-link:hover{background-color:var(--button-hover);color:#fff}