body,html{height:100%;margin:0;-webkit-user-select:none;user-select:none;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:#282c34;font-size:clamp(14px,calc(10px + 1.6vmin),18px);color:#fff}html[lang=zh-tw] body{font-family:"BpmfZihiKaiStd",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Hiragino Sans","Microsoft JhengHei","Noto Sans TC","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:clamp(16px,calc(12px + 1.8vmin),20px)}#root{min-height:100%;margin-bottom:-50px}footer{height:50px;width:100%;font-size:14px}footer a{color:#fff;text-decoration:none}h3{margin:0}section{margin:30px 0 0}nav{margin:50px 0 0}.app{display:flex;min-height:80vh;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-left:16px;padding-right:16px;padding-bottom:96px}.menu .btn{display:block;color:#fff;text-decoration:none;max-width:100%}.menu h1{margin-top:8px;margin-bottom:20px;padding:0 8px;line-height:1.2}.btn{cursor:pointer;font-size:clamp(14px,calc(10px + 1.6vmin),18px);margin:10px;padding:calc(5px + 1vmin) calc(20px + 1vmin);min-height:48px;border-radius:10%;transition-duration:.4s;background-color:#888}.btn:hover{border:2px solid #888;background-color:#ccc}.btn.disable{cursor:not-allowed;background-color:#888}.btn.green{background-color:#4caf4f}.btn.green:hover{border:2px solid #4caf4f;background-color:rgba(119,197,122,.8784313725490196)}.btn.blue{background-color:#048cba}.btn.blue:hover{border:2px solid #048cba;background-color:#48abcc}.btn.large{font-size:clamp(16px,calc(10px + 2.4vmin),24px);padding:calc(5px + 2vmin) calc(20px + 2vmin)}.icon{margin:0 2px;width:16px;height:16px}.icon-github{content:url(/static/media/github-brands.8bce9409.svg)}.icon-blog{content:url(/static/media/blog-solid.27aad8b3.svg)}.icon-backspace{content:url(/static/media/backspace-solid.fa1aae13.svg)}.icon-check{content:url(/static/media/check-solid.215cae63.svg)}ul{padding:0}li{display:block;margin:10px;position:relative}.dropbtn{margin:0;width:52px;height:52px;padding:0;border:1px solid #ccc;min-height:52px;border-radius:999px;background:url(/static/media/language-translator.5fc92d05.svg) 50%/58% no-repeat #eee;font-size:0}.dropdown{position:relative}.language-switcher{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));z-index:20}.language-menu-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.45);z-index:40}.language-menu-panel{width:min(86vw,320px);border-radius:16px;padding:16px 14px 12px;background:#f1f1f1;color:#1c1c1c;box-shadow:0 18px 36px rgba(0,0,0,.35)}.language-menu-title{font-size:16px;font-weight:600;margin-bottom:12px}.language-menu-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.language-menu-option{color:#000;padding:12px 14px;text-decoration:none;display:block;border-radius:10px;background:#fff;border:1px solid #d5d5d5}.language-menu-option:hover{background-color:#ddd}@media (max-width:640px){.menu h1{margin-top:4px;margin-bottom:16px;font-size:clamp(24px,6.5vw,34px);word-break:keep-all}.app{padding-left:12px;padding-right:12px}.menu .btn{width:min(100%,320px);margin-left:auto;margin-right:auto}.language-switcher{right:10px;bottom:calc(10px + env(safe-area-inset-bottom, 0px))}.dropbtn{width:52px;height:52px}.language-menu-panel{width:min(90vw,300px);padding:14px 12px 10px}.language-menu-title{font-size:15px}html[lang=zh-tw] body{font-size:clamp(17px,4.2vw,20px)}.btn{min-height:52px}}.header{width:100%;position:absolute;top:0;left:0}.header .close{margin:35px 15px}.questionNumber{position:absolute;top:32px;left:18px;padding:6px;background-color:#048cba;border-radius:50%}.question{margin-top:80px;font-size:calc(10px + 15vmin)}.answer-method{width:min(100vw,100vmin)}.answer-method.filling .question{width:100%;position:absolute;top:0;left:0;font-size:calc(10px + 8vmin)}.answer-display{display:inline-block;max-width:100%;vertical-align:initial;overflow:hidden;white-space:nowrap}.choices{padding:0;max-width:800px;margin-left:auto;margin-right:auto;flex-wrap:wrap;grid-gap:10px;gap:10px}.choices,.choices li{display:flex;justify-content:center}.choices li{cursor:pointer;font-size:calc(10px + 4vmin);align-items:center;border-radius:10%;transition-duration:.4s;background-color:#ccc;color:#000;border:2px solid #048cba;width:calc(33.333% - 10px);min-width:96px;min-height:calc(56px + 5vmin);padding:10px;position:relative;box-sizing:border-box}.choices li span{width:100%}.choices li:hover{background-color:#048cba}@media (hover:none){.choices li:hover{background-color:#ccc}}progress{height:20px;width:100%;position:absolute;top:0;left:0;appearance:none;border-radius:2px;box-shadow:inset 0 2px 5px rgba(0,0,0,.25);display:block}progress::-webkit-progress-value{background:#5db75d}progress.warning::-webkit-progress-value{background:#efad4c;transition-duration:.4s}progress.danger::-webkit-progress-value{background:#d9544e;transition-duration:.4s}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#282c34;margin:10% auto;padding:20px;border:1px solid #888;width:min(80%,960px);max-width:calc(100vw - 24px)}.modal-content table{width:100%;padding-top:20px}.modal-content table tbody,.modal-content table thead{width:100%}.modal-content table{overflow-x:auto;display:block;table-layout:fixed}.modal-content td,.modal-content th{word-break:break-word;overflow-wrap:anywhere}.modal-footer{padding-top:30px}.correct b:before{color:#adff2f;content:"O"}tr.correct{background-color:#228b22}tr.incorrect{background-color:#bc8f8f}.incorrect b:before{color:red;content:"X"}.close{float:right;margin:-10px;border:1px solid #ccc;padding:0 10px 5px;cursor:pointer}.close:hover{background-color:#888}@keyframes fade{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.blink{animation:fade .6s infinite;-webkit-animation:fade .6s infinite}p{font-size:calc(10px + 5vmin)}.sections{padding:0;margin:0;max-width:800px;display:flex;flex-wrap:wrap;justify-content:center;grid-gap:10px;gap:10px}.sections li{display:inline-block;margin:0}.sections label{padding:0;cursor:pointer}.sections input[type=checkbox]{display:none}.sections input[type=checkbox]+span{display:inline-block;background-color:#888;padding:10px calc(10px + 5vmin);border-radius:10%;transition-duration:.4s;position:relative}.sections input[type=checkbox]:checked+span{background-color:#48abcc}.sections input[type=checkbox]:checked+span:after{content:"";width:5px;height:10px;position:absolute;border:2px solid #00ff08;border-width:0 3px 3px 0;transform:rotate(45deg);top:calc(10px + 1vmin);left:calc(5px + 2vmin)}.incorrect .clock{margin:0;width:100px}.slider{-webkit-appearance:none;width:min(60%,420px);height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.slider::-webkit-slider-thumb{appearance:none;width:25px;height:25px;border-radius:50%;background:#48abcc;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#48abcc;cursor:pointer}@media (max-width:640px){.header .close{margin:20px 12px}.questionNumber{top:18px;left:12px;padding:4px}.question{margin-top:64px;font-size:clamp(30px,12vmin,60px)}.answer-method.filling .question{font-size:clamp(24px,9vmin,44px);line-height:1.15}.answer-method.filling .question .answer-display{display:block;margin-top:4px;font-size:clamp(18px,8vw,28px)!important;white-space:nowrap;overflow:hidden;text-overflow:clip}.choices li{width:calc(50% - 10px);min-height:64px;font-size:clamp(20px,6.5vmin,30px)}.sections input[type=checkbox]+span{padding:10px 16px}.modal-content{width:calc(100% - 16px);margin:8% auto;padding:16px}.modal-content table{font-size:16px;display:table;width:100%;table-layout:fixed}.modal-content table td:nth-child(3),.modal-content table td:nth-child(4),.modal-content table th:nth-child(3),.modal-content table th:nth-child(4){font-size:13px;width:16%;white-space:normal;word-break:break-all}.modal-content table td:nth-child(2),.modal-content table th:nth-child(2){width:34%;white-space:normal;word-break:break-word}.slider{width:100%}}.numeric-keypad{left:0;top:calc(100px + 15vmin);height:calc(100% - 160px - 15vmin);position:absolute;width:100%}.numeric-keypad .numbers .cell{width:calc(33.3% - 2px);height:calc(25% - 2px)}.numeric-keypad .icon-backspace,.numeric-keypad .icon-check{width:calc(10px + 5vmin)}.schulte-table{left:0;top:80px;height:calc(100% - 200px);position:absolute;width:100%}.cursor{height:50px;margin:5px}.cursor,.time{font-size:calc(10px + 3vmin)}.time{position:absolute;right:10px;top:6px;font-family:serif}.characters,.numbers{height:100%;margin:5px}.characters .cell,.numbers .cell{border:1px solid #ccc;display:inline-flex;align-items:center;justify-content:center;position:relative;transition-duration:.4s;margin-top:-6px;font-size:calc(140% + 5vmin);font-weight:700}.characters.size-9 .cell{width:calc(33.3% - 2px);height:calc(33.3% - 2px)}.characters.size-16 .cell{width:calc(25% - 2px);height:calc(25% - 2px)}.characters.size-25 .cell{width:calc(20% - 2px);height:calc(20% - 2px)}.characters.size-36 .cell{width:calc(16.6% - 2px);height:calc(16.6% - 2px)}.characters.size-49 .cell{width:calc(14.2% - 2px);height:calc(14.2% - 2px);font-size:calc(120% + 3vmin)}.characters.size-64 .cell{width:calc(12.5% - 2px);height:calc(12.5% - 2px);font-size:calc(100% + 3vmin)}.characters.size-81 .cell{width:calc(11.1% - 2px);height:calc(11.1% - 2px);font-size:calc(100% + 2vmin)}.characters .cell span,.numbers .cell span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.characters .cell.correct{background-color:#5db75d!important}.characters .cell.incorrect{background-color:#d9544e!important}.characters .cell:hover,.numbers .cell:hover{background-color:#048cba}@media (hover:none){.characters .cell:hover,.numbers .cell:hover{background-color:inherit}}@media (max-width:640px){.schulte-table{top:68px;height:calc(100% - 168px)}.cursor{height:42px;margin:2px 5px 4px}.cursor,.time{font-size:clamp(18px,5.5vw,26px)}.time{top:2px;right:8px}.characters,.numbers{margin:2px}.characters .cell,.numbers .cell{margin-top:-2px;font-size:clamp(20px,7.5vw,36px)}.characters.size-49 .cell,.characters.size-64 .cell,.characters.size-81 .cell{font-size:clamp(18px,6vw,30px)}.numeric-keypad{top:calc(84px + 12vmin);height:calc(100% - 136px - 12vmin)}.numeric-keypad .icon-backspace,.numeric-keypad .icon-check{width:28px}}
/*# sourceMappingURL=main.a6588f67.chunk.css.map */