*,:after,:before{box-sizing:border-box;margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse}button,input,select,textarea{background:none;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-size:1rem;font-weight:400;line-height:1}html{font-size:62.5%}body,html{font-family:sans-serif;height:100%;width:100%}body{font-size:1.6rem}img{display:block;height:auto;max-width:100%}*{scrollbar-color:#d0dffa #f1f1f1;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#d0dffa;border-radius:9999px;width:8px}::-webkit-scrollbar-thumb:hover{background-color:#94b9ff}::-webkit-scrollbar-track{background:#0000}body{background-color:#fff;color:#323232;position:relative}nav{max-width:480px}@media(max-width:425px){nav{max-width:360px}}.home-main{margin:20px auto;max-width:480px;width:90%}@media(max-width:425px){.home-main{max-width:360px}}.border{align-items:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0 0 20px;padding:28px 20px;position:relative;width:100%}@media(max-width:425px){.border{font-size:1.4rem}}.home-div{align-items:center;display:flex;flex-direction:column;gap:20px}.home-div #title{color:#2668e2;font-size:3rem;font-weight:700;padding-top:60px}.home-div #subtitle{color:#323232}.home-div form div{width:90%}.home-div form label{display:flex;flex-direction:column;font-weight:500;padding:12px 0;width:100%}.home-div form input{background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;font-size:1.6rem;height:40px;margin:4px 0;padding:8px 12px;width:full}.home-div form .error{color:red;font-size:1.3rem;height:1.3rem;padding:4px}.home-div form button{background-color:#4e7fdb;border-radius:8px;color:#fff;cursor:pointer;font-size:1.6rem;margin:8px 0;padding:12px;transition:.3s ease;width:100%}.home-div form button:hover{background-color:#2668e2;transition:background-color .1s ease}.home-div form button:disabled{background-color:#94b9ff;cursor:not-allowed}span{color:gray;font-size:1.4rem}.main-div{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1024px;padding:20px;width:90%}@media(max-width:425px){.main-div{font-size:1.4rem;gap:8px;padding:0}}.main-div #title{color:#2668e2;font-size:3rem;font-weight:700;padding-top:20px}@media(max-width:425px){.main-div #title{font-size:2rem}}.main-div #subtitle{color:#323232}.main-div .description{align-items:flex-start;background-color:#e3e3e380;border:1px solid #d9d9d9;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;line-height:150%;list-style:disc;padding:8px 20px;position:relative;width:100%}@media(max-width:425px){.main-div .description{font-size:1.2rem}}.main-div .description button{align-items:center;color:#7d7d7d;display:flex;font-size:1.2rem}.main-div .description .hidden{display:none}.main-div .description li{align-items:center;display:flex;margin:0}.main-div .description li:before{content:"•"}.main-div .description li:first-child{margin-top:4px}@media(max-width:425px){.main-div .description{padding:8px 12px}}.main-div .main-border{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.main-div #guide{background-color:#00000080;border-radius:20px;color:#fff;left:50%;padding:12px;position:absolute;top:30%;transform:translateX(-50%);z-index:30}.main-div #button-wrapper{display:flex;gap:20px;justify-content:space-between;width:100%}@media(max-width:425px){.main-div #button-wrapper{align-items:center;gap:8px}}.main-div #button-wrapper .button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1.6rem;gap:4px;justify-content:center;padding:12px 8px;transition:background-color .3s ease}@media(max-width:425px){.main-div #button-wrapper .button{font-size:1.4rem;width:100%}}.main-div #button-wrapper .flex-row{display:flex;gap:4px}.main-div #button-wrapper .flex-row button{background-color:#fff;border:1px solid #b1b1b1;color:#323232;height:40px;padding:4px 12px}.main-div #button-wrapper .flex-row button:hover{background-color:#d9d9d9}.main-div #button-wrapper .flex-row button:disabled{background-color:#b1b1b1;color:#fff;cursor:not-allowed}.main-div #button-wrapper .generate{background-color:#4e7fdb;color:#fff;font-weight:500;height:40px;width:280px}.main-div #button-wrapper .generate:hover{background-color:#2668e2}.main-div #button-wrapper .generate:disabled{background-color:#94b9ff;cursor:not-allowed}@media(max-width:425px){.main-div #button-wrapper .generate{width:50%}}.graph-wrapper{align-items:center;background-color:#fff9;border:1px solid #d9d9d9;border-radius:8px;cursor:not-allowed;display:flex;flex-direction:column;height:400px;justify-content:center;margin:0 auto;position:relative;width:100%}.graph-container{cursor:crosshair;height:100%;position:relative;width:100%}.graph-spacer{height:100%;width:40px}.result{cursor:default;z-index:50}.x-unit{color:gray}.graph-divider{border:.5px solid gray;height:1px;justify-content:space-between;top:50%;transform:translateY(-50%);width:100%}.graph-divider,.point{display:flex;position:absolute}.point{align-items:center;height:24px!important;width:1px!important;z-index:40}.point .point-input{border-radius:20px;color:#323232;font-size:1.5rem;height:30px;padding-left:4px;width:100px}.point .point-input:active,.point .point-input:hover{background-color:#fff;border:1px solid #d9d9d9;transform:scale(1.1);transition-duration:.2s}.point .point-input:read-only:hover{background-color:#0000;border-color:#0000;cursor:default;transform:none;transition:none}.point .long{width:120px}.point button{background-color:gray;border-radius:50%;color:#fff;cursor:pointer;display:none;height:24px;padding:0 8px;position:absolute;right:0;width:24px}.point button:hover{display:block}.point:hover button{display:block;z-index:50}.controller-wrapper{background-color:#fff9;border:1px solid #d9d9d9;border-radius:8px;display:flex;justify-content:space-evenly;width:100%}@media(max-width:768px){.controller-wrapper{flex-direction:column}}.controller{align-items:center;display:flex;gap:12px;justify-content:center;padding:20px}.controller .control{cursor:pointer}.controller label{align-items:center;display:flex;gap:4px}@media(max-width:768px){.controller{font-size:1.2rem;justify-content:flex-start;padding:8px 12px}}.result-div{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1024px;width:80%}@media(max-width:425px){.result-div{gap:8px}}.result-div #title{color:#2668e2;font-size:3rem;font-weight:700;padding-top:20px}.result-div .result-border{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.result-div .result-title{font-size:2rem;font-weight:600;text-align:center}@media(max-width:425px){.result-div .result-title{font-size:1.6rem}}.result-div #result-button-wrapper{display:flex;justify-content:space-between;width:100%}.result-div #result-button-wrapper button{background-color:#4e7fdb;border-radius:8px;color:#fff;cursor:pointer;height:40px;padding:12px;transition:background-color .1s ease}.result-div #result-button-wrapper button:hover{background-color:#2668e2}@media(max-width:768px){.result-div #result-button-wrapper button{font-size:1.4rem}}.result-div #result-button-wrapper #back-button{background-color:#fff;border:1px solid #b1b1b1;color:#323232;height:40px;padding:8px}.result-div #result-button-wrapper #back-button:hover{background-color:#d9d9d9}.result-div #result-button-wrapper div{display:flex;gap:8px}@media(max-width:768px){.result-div #result-button-wrapper div{justify-content:space-between}}.not-found{align-items:center;display:flex;flex-direction:column;font-size:2rem;gap:20px;height:50dvh;justify-content:center}.back-button{background-color:#4e7fdb;border-radius:12px;color:#fff;padding:12px}footer{color:#808080b3;font-size:1rem;gap:20px;padding:40px 40px 8px;width:100%}@media(max-width:425px){footer{padding:20px 20px 8px}}footer address{display:flex;font-style:normal;gap:4px}
/*# sourceMappingURL=main.e849615f.css.map*/