@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;600;700&display=swap";.container{max-width:1600px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px;padding:30px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}h1{font-size:2.5rem;font-weight:700;background:linear-gradient(120deg,#00d4ff,#7c3aed,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.subtitle{color:#94a3b8;font-size:1.1rem}.input-panel{background:linear-gradient(145deg,#7c3aed26,#7c3aed0d);padding:30px;border-radius:20px;border:2px solid rgba(124,58,237,.3);margin-bottom:30px}.input-panel h2{text-align:center;margin-bottom:10px;font-size:1.5rem;color:#f1f5f9}.input-hint{text-align:center;color:#94a3b8;font-size:.95rem;margin-bottom:25px}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.input-card{background:#0000004d;padding:25px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.input-card.electric{border-color:#00d4ff4d}.input-card.fuel{border-color:#f973164d}.input-card h3{font-size:1.2rem;margin-bottom:20px;color:#f1f5f9}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:8px;color:#94a3b8;font-size:.9rem}.input-wrapper{display:flex;align-items:center;gap:10px}.input-wrapper input{flex:1;padding:12px 15px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1.1rem;font-weight:600;outline:none;transition:all .3s}.input-wrapper input:focus{border-color:#7c3aed;box-shadow:0 0 15px #7c3aed4d}.input-wrapper .unit{color:#64748b;font-size:.9rem;white-space:nowrap}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 500px){.input-row{grid-template-columns:1fr}}.calculated-results{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.calculated{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.calculated:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.05)}.calculated span{color:#94a3b8;font-size:.9rem}.calculated strong{font-size:1.1rem}.electric-value{color:#00d4ff}.fuel-value{color:#f97316}.params-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.param-card{background:linear-gradient(145deg,#ffffff14,#ffffff05);padding:25px;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:transform .3s,box-shadow .3s}.param-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.param-card h3{font-size:1rem;color:#94a3b8;margin-bottom:15px;display:flex;align-items:center;gap:10px}.param-card h3 .icon{font-size:1.5rem}.param-value{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.param-value.electric{color:#00d4ff}.param-value.fuel{color:#f97316}.param-value.saving{color:#22c55e}.param-value.warning{color:#ef4444}.param-value.neutral{color:#fbbf24}.param-unit{font-size:1rem;color:#64748b}.slider-container{margin-top:15px}.slider-container label{display:block;margin-bottom:8px;color:#94a3b8;font-size:.9rem}input[type=range]{width:100%;height:8px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);cursor:pointer;box-shadow:0 4px 15px #00d4ff66}.decision-panel{background:linear-gradient(145deg,#22c55e33,#22c55e0d);padding:30px;border-radius:16px;border:2px solid rgba(34,197,94,.3);margin-bottom:30px}.decision-panel.warning{background:linear-gradient(145deg,#f9731633,#f973160d);border-color:#f973164d}.decision-panel.equal{background:linear-gradient(145deg,#fbbf2433,#fbbf240d);border-color:#fbbf244d}.decision-title{font-size:1.8rem;margin-bottom:15px;display:flex;align-items:center;gap:15px}.decision-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.decision-item{background:#0003;padding:20px;border-radius:12px}.decision-item h4{color:#94a3b8;font-size:.9rem;margin-bottom:10px}.decision-item p{font-size:1.3rem;font-weight:600}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:linear-gradient(145deg,#ffffff14,#ffffff05);padding:25px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.chart-card h3{font-size:1.2rem;margin-bottom:20px;color:#f1f5f9}.chart-container{position:relative;height:350px}.sensitivity-table-container{grid-column:span 2}@media (max-width: 1200px){.sensitivity-table-container{grid-column:span 1}}.table-info{text-align:center;color:#94a3b8;font-size:.9rem;margin-bottom:15px;padding:10px;background:#ffffff0d;border-radius:8px}.table-wrapper{overflow-x:auto}.sensitivity-table{width:100%;border-collapse:collapse;min-width:900px}.sensitivity-table th,.sensitivity-table td{padding:10px 6px;text-align:center;border:1px solid rgba(255,255,255,.1);font-size:.8rem}.sensitivity-table th{background:#ffffff1a;font-weight:600}.sensitivity-table .header-electric{background:#00d4ff33;color:#00d4ff}.sensitivity-table .header-fuel{background:#f9731633;color:#f97316}.sensitivity-table .electric-better{background:#00d4ff40;color:#00d4ff}.sensitivity-table .fuel-better{background:#f9731640;color:#f97316}.sensitivity-table .equal{background:#fbbf2440;color:#fbbf24}.sensitivity-table .current-cell{background:linear-gradient(135deg,#7c3aed66,#ec489966)!important;color:#fff!important;font-weight:700;box-shadow:inset 0 0 0 3px #fff;animation:currentPulse 2s infinite}@keyframes currentPulse{0%,to{box-shadow:inset 0 0 0 3px #fffc}50%{box-shadow:inset 0 0 0 3px #fff6}}.table-legend{display:flex;justify-content:center;gap:30px;margin-top:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.legend-color{width:24px;height:24px;border-radius:6px}.electric-bg{background:#00d4ff66}.fuel-bg{background:#f9731666}.equal-bg{background:#fbbf2466}.current-bg{background:linear-gradient(135deg,#7c3aed99,#ec489999);border:2px solid #fff}footer{text-align:center;padding:20px;color:#64748b;font-size:.9rem}@media (max-width: 768px){h1{font-size:1.8rem}.input-grid,.params-panel{grid-template-columns:1fr}.param-value{font-size:2rem}.decision-title{font-size:1.4rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:#e8e8e8}#root{min-height:100vh}