:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh}#app{min-height:100vh;display:flex;align-items:center;justify-content:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.chart-container-component[data-v-e9eb93f3]{width:100%;height:100%}canvas[data-v-e9eb93f3]{width:100%!important;height:100%!important}.container[data-v-d954d37b]{max-width:1800px;width:95vw;margin:0 auto;padding:2rem}h1[data-v-d954d37b]{font-size:2.5rem;color:#42b883;margin-bottom:.5rem;text-align:center;font-weight:700}.subtitle[data-v-d954d37b]{font-size:1.1rem;color:#ffffffb3;margin-bottom:2rem;text-align:center}@media (prefers-color-scheme: light){.subtitle[data-v-d954d37b]{color:#6c757d}}.data-management[data-v-d954d37b]{margin-bottom:1rem}.data-info[data-v-d954d37b]{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}@media (prefers-color-scheme: light){.data-info[data-v-d954d37b]{background:#f8f9fa;border-color:#e9ecef}}.last-updated[data-v-d954d37b]{font-size:.9rem;color:#fffc}@media (prefers-color-scheme: light){.last-updated[data-v-d954d37b]{color:#6c757d}}.clear-btn[data-v-d954d37b]{padding:.25rem .75rem;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .3s ease}.clear-btn[data-v-d954d37b]:hover{background:#c82333}.calculator-card[data-v-d954d37b]{background:#ffffff0d;border-radius:16px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr 2fr;gap:2rem;min-height:600px;transition:all .3s ease}.calculator-card.single-column[data-v-d954d37b]{grid-template-columns:1fr;max-width:800px;margin-left:auto;margin-right:auto;justify-items:center}.calculator-card.single-column .input-section[data-v-d954d37b]{width:100%;max-width:500px}@media (prefers-color-scheme: light){.calculator-card[data-v-d954d37b]{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a}}@media (min-width: 1900px){.calculator-card[data-v-d954d37b]{grid-template-columns:1fr 1fr 2fr;gap:3rem}.chart-container[data-v-d954d37b]{height:65vh;min-height:600px;max-height:800px}}@media (max-width: 1400px){.calculator-card[data-v-d954d37b]{grid-template-columns:1fr 1fr 1.8fr;gap:1.5rem}}@media (max-width: 1200px){.calculator-card[data-v-d954d37b]{grid-template-columns:1fr 1fr 1.5fr;gap:1.5rem}}@media (max-width: 1000px){.calculator-card[data-v-d954d37b]:not(.single-column){grid-template-columns:1fr 1fr;gap:1.5rem}.calculator-card:not(.single-column) .chart-section[data-v-d954d37b]{grid-column:1 / -1}.chart-container[data-v-d954d37b]{height:55vh;min-height:450px;max-height:600px}}@media (max-width: 1000px){.calculator-card.single-column[data-v-d954d37b]{max-width:700px}.calculator-card.single-column .input-section[data-v-d954d37b]{max-width:450px}}@media (max-width: 768px){.container[data-v-d954d37b]{padding:1rem;width:98vw}.calculator-card[data-v-d954d37b]:not(.single-column){grid-template-columns:1fr;gap:2rem;min-height:auto}.calculator-card.single-column[data-v-d954d37b]{max-width:95%;padding:1.5rem}.calculator-card.single-column .input-section[data-v-d954d37b]{max-width:100%}.chart-container[data-v-d954d37b]{height:50vh;min-height:400px;max-height:500px}}.input-section[data-v-d954d37b],.result-section[data-v-d954d37b]{display:flex;flex-direction:column;gap:1rem}.chart-section[data-v-d954d37b]{display:flex;flex-direction:column;height:100%}.input-section h2[data-v-d954d37b],.result-section h2[data-v-d954d37b]{font-size:1.4rem;margin-bottom:1.5rem;color:#42b883;font-weight:600}.input-group[data-v-d954d37b]{margin-bottom:1.5rem}.input-group label[data-v-d954d37b]{display:block;margin-bottom:.5rem;font-weight:500;color:#ffffffe6}@media (prefers-color-scheme: light){.input-group label[data-v-d954d37b]{color:#374151}}.input-group input[data-v-d954d37b],.rate-select[data-v-d954d37b]{width:100%;padding:.75rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#ffffffe6;font-size:1rem;transition:all .3s ease}@media (prefers-color-scheme: light){.input-group input[data-v-d954d37b],.rate-select[data-v-d954d37b]{background:#f9fafb;border-color:#d1d5db;color:#111827}}.input-group input[data-v-d954d37b]:focus,.rate-select[data-v-d954d37b]:focus{outline:none;border-color:#42b883;background:#ffffff1a}@media (prefers-color-scheme: light){.input-group input[data-v-d954d37b]:focus,.rate-select[data-v-d954d37b]:focus{background:#fff;border-color:#42b883}}.checkbox-label[data-v-d954d37b]{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:0!important}.checkbox-label input[type=checkbox][data-v-d954d37b]{width:auto!important;margin:0!important}.checkmark[data-v-d954d37b]{font-weight:600}.help-text[data-v-d954d37b]{font-size:.85rem;color:#fff9;margin-top:.25rem}@media (prefers-color-scheme: light){.help-text[data-v-d954d37b]{color:#6b7280}}.calculate-section[data-v-d954d37b]{margin-top:2rem;text-align:center}.calculate-btn[data-v-d954d37b]{padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#42b883,#369870);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:150px}.calculate-btn[data-v-d954d37b]:hover:not(:disabled){background:linear-gradient(135deg,#369870,#2d7a5f);transform:translateY(-2px);box-shadow:0 4px 12px #42b8834d}.calculate-btn[data-v-d954d37b]:disabled{opacity:.6;cursor:not-allowed}.result-item[data-v-d954d37b]{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:1rem;background:#ffffff0d;border-radius:8px;border-left:4px solid #6b7280}@media (prefers-color-scheme: light){.result-item[data-v-d954d37b]{background:#f3f4f6}}.result-item.info[data-v-d954d37b]{border-left-color:#3b82f6;background:#3b82f61a}.result-item.highlight[data-v-d954d37b]{border-left-color:#fbbf24;background:#fbbf241a}.result-item.freedom[data-v-d954d37b]{border-left-color:#10b981;background:#10b9811a}.result-item.compound[data-v-d954d37b]{border-left-color:#8b5cf6;background:#8b5cf61a}.result-item.mode-info[data-v-d954d37b]{border-left-color:#f59e0b;background:#f59e0b1a;font-weight:600}.result-item .label[data-v-d954d37b]{font-weight:500;color:#fffc}@media (prefers-color-scheme: light){.result-item .label[data-v-d954d37b]{color:#4b5563}}.result-item .value[data-v-d954d37b]{font-weight:700;font-size:1.1rem;color:#fffffff2;text-align:right}@media (prefers-color-scheme: light){.result-item .value[data-v-d954d37b]{color:#111827}}.result-item .sub-value[data-v-d954d37b]{font-size:.85rem;color:#fff9;margin-top:.25rem}@media (prefers-color-scheme: light){.result-item .sub-value[data-v-d954d37b]{color:#6b7280}}.achieved[data-v-d954d37b]{color:#10b981!important;font-size:1.2rem!important}.chart-section h2[data-v-d954d37b]{font-size:1.4rem;margin-bottom:1.5rem;color:#42b883;font-weight:600}.chart-info[data-v-d954d37b]{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.info-text[data-v-d954d37b]{background:#ffffff0d;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#fffc}@media (prefers-color-scheme: light){.info-text[data-v-d954d37b]{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}}.chart-container[data-v-d954d37b]{position:relative;height:60vh;min-height:500px;max-height:700px;background:#ffffff05;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.05);overflow:hidden}@media (prefers-color-scheme: light){.chart-container[data-v-d954d37b]{background:#f8f9fa;border-color:#e9ecef}}.comparison-chart-section[data-v-d954d37b]{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (prefers-color-scheme: light){.comparison-chart-section[data-v-d954d37b]{border-top-color:#e5e7eb}}.comparison-chart-section h3[data-v-d954d37b]{font-size:1.3rem;margin-bottom:1rem;color:#8b5cf6;font-weight:600}.comparison-chart[data-v-d954d37b]{height:400px;min-height:400px;max-height:500px}@media (max-width: 1000px){.comparison-chart[data-v-d954d37b]{height:350px;min-height:350px;max-height:450px}}@media (max-width: 768px){.comparison-chart[data-v-d954d37b]{height:300px;min-height:300px;max-height:400px}.comparison-chart-section[data-v-d954d37b]{margin-top:1.5rem;padding-top:1.5rem}}.tips[data-v-d954d37b]{background:#ffffff0d;border-radius:12px;padding:1.5rem;border-left:4px solid #3b82f6}@media (prefers-color-scheme: light){.tips[data-v-d954d37b]{background:#f0f9ff}}.tips h3[data-v-d954d37b]{margin-bottom:1rem;color:#3b82f6;font-size:1.1rem}.tips ul[data-v-d954d37b]{list-style:none;padding:0}.tips li[data-v-d954d37b]{margin-bottom:.5rem;padding-left:1rem;position:relative;color:#fffc}@media (prefers-color-scheme: light){.tips li[data-v-d954d37b]{color:#4b5563}}.tips li[data-v-d954d37b]:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700}