@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap);:root{--my-font-family-primary:"Noto Sans TC",sans-serif;--my-font-size-sm:0.875rem;--my-font-size-lg:2rem;--my-letter-spacing:1px;--my-font-weight-100:100;--my-font-weight-400:400;--my-color-blue:#5aa6f2;--my-color-green:#5af2a6;--my-color-red:#f25a5a;--my-color-white:#deebf7;--my-color-yellow:#fdfd44;--my-color-data-point:#fff;--my-color-light-gray:#7d7d7d;--my-color-dark-gray:#393939;--my-color-background-gray:#dedede;--my-color-highlight-gray:#c8c8c8}*,:after,:before{box-sizing:border-box}:root{--vh:1vh}body,html{height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y}html{font-family:Noto Sans TC,sans-serif;font-optical-sizing:auto;font-style:normal}body{font-family:var(--my-font-family-primary);font-size:var(--my-font-size-sm);font-weight:var(--my-font-weight-400);letter-spacing:var(--my-letter-spacing);color:var(--my-color-dark-gray);background-color:var(--my-color-background-gray);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.my-flex-grow-1{height:50vh!important;max-height:50vh;width:100vw;transition:all .3s ease}@media (min-width:768px){.my-flex-grow-1{width:80vw!important;max-width:80vw}}.my-log-line{white-space:nowrap}.my-text-sm{font-size:var(--my-font-size-sm)}.my-text-lg{font-size:var(--my-font-size-lg);font-weight:var(--my-font-weight-100)}.my-text-dark-gray{color:var(--my-color-dark-gray)}.my-color-light-gray{color:var(--my-color-light-gray)}.my-button{background-color:var(--my-color-background-gray)!important;border:none!important;white-space:nowrap}.my-button,.my-name-box{font-size:var(--my-font-size-sm)!important;color:var(--my-color-dark-gray)!important}.my-name-box{pointer-events:all;will-change:transform;transition:transform .15s ease-out,opacity .15s ease-out;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.my-name-box.my-dragging{opacity:.85;cursor:grabbing!important;transition:none}.my-name-box.my-smooth-transition{transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.my-button.active:hover:not(:disabled),.my-button.active:not(:disabled),.my-button:hover:not(:disabled){background-color:var(--my-color-highlight-gray)!important}.my-button.active:hover:not(:disabled){color:var(--my-color-dark-gray)!important}.my-button:disabled{opacity:.5}.my-button:active,.my-button:focus,.my-button:focus-visible{outline:none!important;box-shadow:none!important;border:none!important}.my-button,.my-button:active,.my-button:disabled,.my-button:focus,.my-button:hover{border:none!important}.my-footer-content,.my-title-content{width:100%}@media (min-width:768px){.my-footer-content,.my-title-content{width:60%}}.my-loading-overlay{top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,87%,.1);display:flex;align-items:center;justify-content:center;flex-direction:column}.my-error-overlay,.my-loading-overlay{position:fixed;z-index:10001;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.my-error-overlay{top:50%;left:50%;transform:translate(-50%,-50%);background-color:hsla(0,0%,87%,.5)}.my-width-20{width:20%}.my-flex-1-1-0{flex:1 1 0}.my-size-32{width:32px;height:32px}.my-border-dark-gray{border:2px solid var(--my-color-dark-gray)}.my-spinner-lg{width:3rem;height:3rem}.my-side-section{background-color:var(--my-color-background-gray)}.my-diamond-icon{color:var(--my-color-yellow)}