:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#0e0d0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#app{margin:0 auto;padding:1rem}#app h1{font-size:3.2em;line-height:1.1;margin:0}#app #logo{display:block;height:100px;margin-top:1rem}#app #result{display:none}#app .chart{margin-top:20xp;width:90vw;height:75vh}#app #data-input-container{margin-top:25px;margin-bottom:12px}#app #data-input-container label{display:block;position:relative;width:170px;height:30px;border-radius:25px;background:linear-gradient(40deg,#ff6ec4,#7873f5);display:flex;align-items:center;justify-content:center;color:#ffffffde;font-weight:600;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background .8s ease-out}#app #data-input-container label:hover{background:linear-gradient(120deg,#ff6ec4,#7873f5)}#app #data-input-container #data-input{opacity:0;width:.1px;height:.1px;position:absolute}#app #data-input-container p{margin-top:.3rem;font-size:.7rem}#app .opening-balance-input{width:60px}#app .chart-title{margin-top:35px;margin-bottom:5px}#app #form{display:flex;align-items:flex-end;gap:20px}#app #legend{margin-bottom:10px;margin-top:10px;display:flex;flex-wrap:wrap;gap:15px}#app #legend .legend-line .label{font-weight:700}#app #legend .legend-line .indicators-line{padding-left:1rem}#app #legend .remove-button{color:#ffffffde;cursor:pointer}#app #legend .remove-button:hover{color:red}#app #legend .select-button{color:#ffffffde;cursor:pointer}#app #legend .select-button:hover{color:pink}#app #legend #hide-show-button{color:#ffffffde;cursor:pointer}#app #legend #hide-show-button:hover{color:#8a2be2}#app button{cursor:pointer}