:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#eee;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:inherit;color:#aa8ac0}a:hover{color:#7e57c2}img{display:block;margin:0 auto}ul,ol{margin-block-start:0em;margin-block-end:0em;padding-inline-start:30px}button{background-color:#7e57c2;margin-left:4px;margin-right:4px;color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:14px;cursor:pointer;box-shadow:0 4px 6px #0000001a}button:hover{background-color:#aa8ac0}button:disabled{opacity:.6;cursor:not-allowed}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:140px;height:30px;margin-left:4px;margin-right:4px;background-color:#141414;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b4b4b4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:none;border-radius:5px;padding:5px 10px;font-size:14px;color:#eee}select:disabled{background-color:#242424;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23646464' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");border:none;color:#777}input{background-color:#141414;width:120px;height:10px;margin-left:4px;margin-right:4px;padding:10px;font-family:inherit;font-style:normal;font-size:14px;font-weight:400;border:none;border-radius:5px;color:#eee}textarea{background-color:#141414;padding:10px;width:100%;box-sizing:border-box;font-family:inherit;font-style:normal;font-size:14px;font-weight:400;border:none;border-radius:5px;color:#eee;resize:none}input::placeholder,textarea::placeholder{font-family:inherit;font-style:normal;font-size:14px;font-weight:400;color:#777}body{min-width:480px;min-height:100vh}body .mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;display:none;justify-content:center;align-items:center;transition:.5s ease}body .loading-img{max-width:100%}body .modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none}body .modal-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%;background:#343434;border-radius:8px;box-shadow:0 4px 8px #0003;overflow:hidden;display:flex;flex-direction:column}body .modal-box-header{display:flex}body .modal-box-content{flex-grow:1;padding-left:10px;padding-right:10px;overflow-y:auto}body .modal-box-content .list-item{padding:10px}body .modal-box-content .list-item:hover{background-color:#242424;border-radius:8px;cursor:pointer}body .modal-box-content .func-item{padding:10px 10px 20px;border-top:1px dotted #999}body .modal-box-content .func-img{width:60%;max-width:90%;height:auto;display:block}body .modal-box-content .hidden{display:none}body .modal-box-footer{padding:10px;text-align:center}body #search-input{width:100%;height:37px;box-sizing:border-box;margin:10px;font-size:16px}body #list-layer-background{z-index:999}body #list-layer-foreground{width:80%;max-width:660px;z-index:1000}body #message-layer-background{z-index:1999}body #message-layer-foreground{z-index:2000}body #message{padding-left:16px;padding-right:16px;max-width:500px;text-align:center}header{display:flex;justify-content:center;width:100%;position:fixed;top:0;left:0;background-color:#343434;box-shadow:0 1px 3px #0003;z-index:2}header a{color:#eee;font-weight:700}header a:hover{color:#999}header .header-container{max-width:1000px;width:100%;padding-top:15px;padding-left:10px;padding-right:10px}header .header-title{display:flex;width:100%}header .header-gnb{display:flex;width:100%;height:40px;align-items:center;justify-content:space-between}header .menu{list-style:none;display:flex;padding:0;margin:0}header .menu li{margin-right:30px}header .menu .menu-link{font-size:1.2em}header .language-option{display:flex;align-items:center}header #language{margin-right:10px}header #language-select{width:100px}main{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:130px}main img{width:100%}main h1,main h2{display:none}main .board{flex:1;background-color:#343434;border-radius:8px;padding:.5rem;margin-left:4px;margin-right:4px;margin-bottom:8px}main .board span{padding-inline-start:4px;padding-inline-end:4px;font-weight:700;font-size:1.1em;color:#999}main .board-header{display:flex;justify-content:space-between;align-items:center}main .board-header #formula-help{font-size:.9em}main .board-header #formula-help:hover{cursor:pointer;color:#eee}main .desc_feature{display:flex;align-items:center;width:100%;margin-bottom:60px}main .desc_feature #left_1,main .desc_feature #right_2{width:30%;padding:10px}main .desc_feature #left_2,main .desc_feature #right_1{width:70%;padding:10px}main .desc_feature #left_1 p,main .desc_feature #left_2 p{font-weight:700;font-size:1.4em;text-align:left}main .desc_feature #right_1 p,main .desc_feature #right_2 p{font-weight:700;font-size:1.4em;text-align:right}main .desc_feature p span{color:#aa8ac0;font-size:1.8em}main #content{max-width:1000px;width:100%}main #content p{text-align:left}main #notice-container{margin:4px}main #notice{background-color:#141414;padding:10px;width:100%;aspect-ratio:3 / 2;box-sizing:border-box;font-size:1.1em;border:none;border-radius:5px;overflow-y:auto}main #notice p.impact{color:#aa8ac0}main #notice p span{color:#ff0}main #content #welcome{margin-bottom:80px}main #content #welcome p{font-weight:700;font-size:2.5em;text-align:center}main #content #welcome p span.big{font-size:2em}main #content #welcome p span.colored{color:#aa8ac0}main #store{display:flex;justify-content:center}main #contact p{color:#aaa;text-align:center}main #policy p{text-align:center}main #policy a{color:#aaa}main #policy a:hover{color:#ccc}main #select-data,main #formula,main #formula-name,main #description{display:flex;flex-direction:column}main #select-data-option,main #formula-option,main #formula-name-option,main #properties-option{height:37px;display:flex;align-items:center}main #description-option{display:block;padding-left:4px;padding-top:3px;padding-right:4px}main #y-axis{display:flex}main #left-y-axis li,main #right-y-axis li,main #variables li{padding-top:4px;padding-bottom:4px;font-size:14px;color:#eee}main #left-y-axis li:hover,main #right-y-axis li:hover,main #variables li:hover{cursor:pointer;color:#777}main #control{display:flex;justify-content:center;margin-top:8px;margin-bottom:8px}main #chart{display:none;margin-top:30px;width:100%;aspect-ratio:3 / 2}main #formula-input,main #formula-name-input{width:100%}main #validate-grid{height:500px}main #ad-area{width:100%;max-width:1000px;min-height:280px;margin:24px auto}footer p{color:#aaa;text-align:center}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.2);border-top-color:#aa8ac0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){body{min-width:auto}main .desc_feature #left_1 p,main .desc_feature #left_2 p{font-weight:700;font-size:1em;text-align:left}main .desc_feature #right_1 p,main .desc_feature #right_2 p{font-weight:700;font-size:1em;text-align:right}main .desc_feature p span{color:#aa8ac0;font-size:1.5em}main #content #welcome p{font-weight:700;font-size:1.5em;text-align:center}main #content #welcome p span.big{font-size:1.5em}main #y-axis{display:flex;flex-direction:column}}