body{font-family:system-ui,sans-serif;margin:0;padding:0}h1{color:var(--text-primary);text-shadow:var(--text-shadow)}.currency-preference{background:#b0997fe6;border:2px solid #6B5D45;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.currency-preference label{color:#2c2416;font-weight:600;font-size:1rem}.currency-preference select{padding:.5rem .75rem;border:2px solid #6B5D45;border-radius:6px;background:#d4af37b3;color:#2c2416;font-size:1rem;font-weight:500;cursor:pointer}.currency-preference select:focus{outline:none;border-color:#2c2416}.calculator-container{background:#8b735599;border:2px solid #6B5D45;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0003;margin-bottom:2rem;max-width:800px}.calculator-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}.inputs-section{display:flex;flex-direction:column;gap:1.5rem}.input-row{display:flex;flex-direction:column;gap:.75rem}.row-label{color:#2c2416;font-weight:600;font-size:1.1rem}.currency-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.currency-input-group{display:flex;flex-direction:column;gap:.5rem}.currency-label{display:flex;align-items:center;gap:.5rem;color:#2c2416;font-weight:500;font-size:.9rem}.currency-icon{width:20px;height:20px}input[type=number]{padding:.75rem;border:2px solid #6B5D45;border-radius:6px;background:#d4af37b3;color:#2c2416;font-size:1rem;font-weight:500;width:100%;box-sizing:border-box}input[type=number]:focus{outline:none;border-color:#2c2416}.output-section{display:flex;flex-direction:column;gap:1.5rem;background:#b0997fe6;padding:1.5rem;border-radius:8px;border:2px solid #6B5D45;min-width:200px}.output-row{display:flex;flex-direction:column;gap:.5rem}.output-label{color:#2c2416;font-weight:600;font-size:.9rem}.output-value{font-size:1.2rem;font-weight:600;color:#2c2416}.profit-row{padding-top:1rem;border-top:2px solid #6B5D45}.profit-row .output-label{font-size:1.1rem;color:#2c2416}.profit-row .output-value{font-size:1.4rem}.profit-positive{color:#28a745}.profit-negative{color:#dc3545}.day-save-row{display:flex;align-items:flex-end;gap:1rem}.day-input-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.day-input-group label{color:#2c2416;font-weight:500;font-size:.9rem}.save-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#28a745,#218838);color:#fff;border:2px solid #6B5D45;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;box-shadow:0 2px 4px #0003}.save-btn:hover{background:linear-gradient(135deg,#34ce57,#28a745);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.history-container{background:#8b735599;border:2px solid #6B5D45;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0003;margin-top:2rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.history-header h2{margin:0;color:#2c2416}.clear-history-btn{padding:.5rem 1rem;background:#dc3545b3;color:#fff;border:2px solid #6B5D45;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.clear-history-btn:hover{background:#dc3545e6}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#b0997fe6;border:2px solid #6B5D45;border-radius:6px;padding:1.5rem 1rem;text-align:center}.stat-label{color:#2c2416;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.stat-row{color:#2c2416;font-size:.95rem;font-weight:500;margin:.5rem 0;display:flex;align-items:center;justify-content:center;gap:.5rem}.stat-row-label{font-weight:600}.chart-container{background:#b0997fe6;border:2px solid #6B5D45;border-radius:8px;padding:1.5rem;overflow-x:auto}.chart{min-width:600px;height:300px;position:relative}.chart-legend{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:20px;height:3px}.legend-label{color:#2c2416;font-size:.9rem;font-weight:600}.empty-history{text-align:center;color:#2c2416;font-style:italic;padding:2rem;opacity:.7}@media(max-width:768px){.calculator-grid{grid-template-columns:1fr}}