*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#333;line-height:1.6}.app{min-height:100vh;padding:2rem;background-color:#f5f7fa;transition:background-color .3s,color .3s;overflow-x:hidden}.app-header{max-width:1200px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center}.header-content{text-align:left}.app-header h1{font-size:2rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.app-header p{color:#666;font-size:1rem}.header-controls{display:flex;align-items:center;gap:.5rem}.language-toggle,.theme-toggle{background:none;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.language-toggle{font-size:.875rem;font-weight:600;color:#555}.theme-toggle{color:#555}.theme-toggle svg{display:block}.language-toggle:hover,.theme-toggle:hover{background-color:#f0f0f0}.language-toggle:focus,.theme-toggle:focus{outline:none;border-color:#4a90a4}.app-main{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.results-section{display:flex;flex-direction:column;gap:1rem}@media (max-width: 900px){.app-main{grid-template-columns:1fr}}@media (max-width: 600px){.app{padding:1rem}.app-header{margin-bottom:1.5rem}.app-header h1{font-size:1.5rem}.app-main{gap:1rem}.form-section,.chart-section,.summary-section{padding:1rem;border-radius:10px}.summary-value{font-size:1.25rem}.chart-wrapper,.chart-placeholder,.chart-easter-egg{height:300px}.easter-egg-emoji{font-size:3rem}.chart-easter-egg p{font-size:1rem}}@media (max-width: 400px){.app{padding:.75rem}.app-header h1{font-size:1.25rem}.language-toggle,.theme-toggle{width:40px;height:40px}.summary-value{font-size:1.1rem}.summary-label{font-size:.7rem}}.form-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;min-width:0}.input-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#555}.input-wrapper{display:flex;align-items:center;position:relative}.input-prefix{position:absolute;left:12px;color:#888;font-size:.9rem}.input-suffix{position:absolute;right:12px;color:#888;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a90a4;box-shadow:0 0 0 3px #4a90a426}.input-wrapper input{padding-left:28px}.input-wrapper input:has(+.input-suffix){padding-right:28px;padding-left:12px}.form-group select{cursor:pointer;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.calculate-btn{margin-top:.5rem;padding:.875rem 1.5rem;background-color:#4a90a4;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.calculate-btn:hover{background-color:#3d7a8c}.calculate-btn:active{transform:scale(.98)}.chart-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;min-width:0}.chart-container{width:100%}.chart-wrapper{height:400px}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:400px;color:#888;font-size:1rem;text-align:center}.chart-easter-egg{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;text-align:center;padding:2rem}.easter-egg-emoji{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.chart-easter-egg p{font-size:1.1rem;font-style:italic;max-width:300px;line-height:1.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chart-legend{display:flex;justify-content:flex-start;gap:1.5rem;margin-bottom:1rem;padding:.5rem 0}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#555}.legend-color{width:10px;height:10px;border-radius:50%}.legend-color.principal{background-color:#4a90a4}.legend-color.yield{background-color:#5cb85c}.chart-tooltip{background:#fff;padding:.75rem 1rem;border-radius:8px;box-shadow:0 2px 12px #00000026;border:1px solid #eee}.tooltip-label{font-weight:600;margin-bottom:.5rem;color:#333}.tooltip-principal{color:#4a90a4;font-size:.875rem}.tooltip-yield{color:#5cb85c;font-size:.875rem}.tooltip-total{font-weight:600;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #eee;color:#333}.summary-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.final-summary{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 500px){.final-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:stretch}}.summary-item{display:flex;flex-direction:column;justify-content:center;gap:.25rem;text-align:center;padding:1rem .75rem;border-radius:8px;background:#f8f9fa}.summary-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.summary-value{font-size:1.5rem;font-weight:600;color:#2c3e50}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app.dark{background-color:#1a1a2e;color:#e0e0e0}.app.dark .app-header h1{color:#e0e0e0}.app.dark .app-header p{color:#a0a0a0}.app.dark .language-toggle,.app.dark .theme-toggle{border-color:#444;color:#e0e0e0}.app.dark .language-toggle:hover,.app.dark .theme-toggle:hover{background-color:#2a2a4a}.app.dark .language-toggle:focus,.app.dark .theme-toggle:focus{border-color:#5aa0b4}.app.dark .form-section,.app.dark .chart-section{background:#16213e;box-shadow:0 2px 8px #0000004d}.app.dark .form-group label{color:#b0b0b0}.app.dark .form-group input,.app.dark .form-group select{background-color:#1a1a2e;border-color:#444;color:#e0e0e0}.app.dark .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.app.dark .form-group input:focus,.app.dark .form-group select:focus{border-color:#5aa0b4;box-shadow:0 0 0 3px #5aa0b433}.app.dark .calculate-btn{background-color:#5aa0b4}.app.dark .calculate-btn:hover{background-color:#4a90a4}.app.dark .chart-placeholder{color:#888}.app.dark .chart-easter-egg{color:#a0a0a0}.app.dark .chart-legend{border-top-color:#333}.app.dark .legend-item{color:#b0b0b0}.app.dark .chart-tooltip{background:#16213e;border-color:#333}.app.dark .tooltip-label{color:#e0e0e0}.app.dark .tooltip-total{border-top-color:#333;color:#e0e0e0}.app.dark .summary-section{background:#16213e;box-shadow:0 2px 8px #0000004d}.app.dark .summary-item{background:#ffffff14}.app.dark .summary-label{color:#a0a0a0}.app.dark .summary-value{color:#e0e0e0}