@font-face{font-family:CustomFont;src:url(https://src.hazelnut-paradise.com/ChiayiCity.ttf)format(truetype)}*{box-sizing:border-box}:root{--main-background-color:#e2fcef;--main-color:#087e8b;--main-hover-color:#46237a;--content-background-color:#f9f9f9;--title-color:#358600;--tips-color:#d0fcff;--accent-color:#ff495c}body{background-color:var(--main-background-color);margin:0;font-family:CustomFont,sans-serif}h1{color:var(--title-color);font-size:2.5rem}.top-bar{background-color:var(--main-color);color:#fff;display:flex;align-items: center;gap:5px;height:50px;margin:0;padding:0 25px;box-shadow:0 0 3px #0009}.top-bar .title{margin:0;padding:0;font-size:calc(1.5rem + .4vw);font-style:italic}.reviews-input{overflow:scroll;max-width:100%;height:350px}.Spreadsheet__table{display:flex;border:1px solid var(--main-color);justify-content:center;width:100%;max-width:100%}.Spreadsheet__header{text-align:start!important;color:#fff!important;background-color:var(--main-color)!important;font-size:clamp(1rem,1.6vw,1.2rem)!important}.Spreadsheet__cell{box-sizing:border-box;width:1000px;height:2rem;font-family:sans-serif}.fullscreen-loader{position:fixed;background-color:var(--main-color);display:flex;z-index:10000000000;flex-direction:column;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}.fullscreen-loader h2{color:#fff;font-size:1.8rem}.fullscreen-loader .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;width:200px;height:auto}.loader{position:relative;animation:.9s linear infinite alternate rikSpikeRoll;background-image:linear-gradient(#fff 50px,#0000 0),linear-gradient(#fff 50px,#0000 0),linear-gradient(#fff 50px,#0000 0),linear-gradient(#fff 50px,#0000 0),linear-gradient(#fff 50px,#0000 0),linear-gradient(#fff 50px,#0000 0);background-position:0,15px,30px,45px,60px,75px,90px;background-repeat:no-repeat;width:85px;height:50px}@keyframes rikSpikeRoll{0%{background-size:10px 3px}16%{background-size:10px 50px,10px 3px,10px 3px,10px 3px,10px 3px,10px 3px}33%{background-size:10px 30px,10px 50px,10px 3px,10px 3px,10px 3px,10px 3px}50%{background-size:10px 10px,10px 30px,10px 50px,10px 3px,10px 3px,10px 3px}66%{background-size:10px 3px,10px 10px,10px 30px,10px 50px,10px 3px,10px 3px}83%{background-size:10px 3px,10px 3px,10px 10px,10px 30px,10px 50px,10px 3px}to{background-size:10px 3px,10px 3px,10px 3px,10px 10px,10px 30px,10px 50px}}h3{margin:0;padding:0}.rm-card{padding:20px 30px!important}.container{padding-top:20px;padding-bottom:20px}.info-box{margin-top:10px;margin-left:auto;padding-left:20px}.uuid{word-break:break-all;max-width:250px}.report-box{display:flex;flex-direction:column;width:100%}.chart-container{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px}.chart-box{display:flex;justify-content:center;gap:20px;height:400px}.div1{width:calc(45% - 10px)}.div2{width:calc(55% - 10px)}.rating-container,.ttest-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;width:100%;margin-top:15px}.rating-box,.ttest-box{border:1px solid var(--main-color);display:flex;border-radius:5px;flex-flow:column wrap;flex:1;justify-content:center;align-items: center;min-width:-moz-fit-content;min-width:fit-content;padding:5px}.summary-box{margin:20px 0}.summary-box .title{text-align:center;color:var(--main-color);font-size:1.6rem}.summary{display:block;margin:0;font-size:1.1rem}.word-cloud-container{display:flex;flex-direction:column;width:100%;height:100%}.word-cloud-container .chart-title{text-align:center;color:#2c3e50;margin-bottom:15px;font-weight:600}.no-data-message{display:flex;color:#7f8c8d;justify-content:center;align-items: center;height:100%;font-style:italic}.div4,.div5{width:calc(45% - 10px);margin-bottom:20px}.wordcloud-container{display:flex;flex-direction:column;align-items: center;width:100%;height:100%}.wordcloud-container h3{text-align:center;margin-bottom:1rem;font-weight:600}@media (max-width:768px){.chart-container{flex-direction:column;gap:0}.div1,.div2,.div4,.div5{width:100%}.wordcloud-container{height:250px}.wordcloud-container h3{font-size:1.2rem}}.container{display:flex;flex-direction:column;justify-content:center;align-items: center;width:80%;min-height:calc(min(100vh,100dvh) - 100px);margin:0 auto}.tips{background-color:var(--tips-color)!important}.tips a{color:var(--main-color)}.tips a:hover{color:var(--main-hover-color)}.card{background-color:var(--content-background-color);border:2px dashed var(--main-color);display:flex;border-radius:8px;flex-direction:column;align-items: center;width:100%;margin:20px 0;padding:50px clamp(15px,5%,70px);transition:box-shadow .3s;box-shadow:0 4px 8px #0000000d}.card:hover{box-shadow:0 8px 16px #00000026}.card h2{color:var(--title-color);margin:0;font-size:2.5rem}.card button{background-color:var(--main-color);border:2px solid var(--main-color);color:#fff;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;border-radius:4px;margin-top:10px;padding:10px 20px;font-size:16px}.card button:hover{background-color:var(--main-hover-color);border:2px dashed #fff}.card button:active{background-color:var(--main-color);box-shadow:inset 0 2px 4px #0003}.card .input-container{width:max-content}.card .input-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:10px}.card .input-box label{color:var(--main-color);font-size:1.4rem}.card .input-box input{border:1.5px solid var(--main-color);background-color:#fff;border-radius:10px;width:min(300px,30vw);padding:8px;font-size:16px}.card .input-box input:focus{outline:none;border:1.5px solid var(--main-hover-color)}footer{display:flex;color:#fff;text-align:center;background-color:#000;flex-direction:column;gap:10px;padding-top:2px;padding-bottom:20px;font-size:.9rem}.btn{background-color:var(--main-color);border:2px solid var(--main-color);color:#fff;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;border-radius:4px;padding:10px 20px;font-size:16px}.btn:hover{background-color:var(--main-hover-color);border:2px dashed #fff}.back-btn{border-radius:50px;width:min(300px,100%)}@media screen and (max-width:768px){.card .input-box{flex-direction:column;gap:10px}}