@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";.container::-webkit-scrollbar{display:none}.container{display:flex;flex-direction:column;align-items:center;justify-content:start;height:90vh;text-align:center;background-color:#fff;overflow:auto}.history-scroll{flex:1;width:100%;max-width:800px;overflow-y:auto;padding-right:.5rem;padding-bottom:10vh}.history-scroll::-webkit-scrollbar{display:none}.MainSupportorLogo{margin-top:2vh;max-width:300px;height:10vh;margin-bottom:7vh;object-fit:contain}.MainSupportorLogoHorizon{margin-top:2vh;width:80vw;max-height:20vh;margin-bottom:2vh;object-fit:contain}.top-icons{display:flex;justify-content:space-between;align-items:center;width:80%;margin-top:20px;color:var(--who-blue, #3e8dc8)}.logo-text{font-size:1.25;font-weight:700}.EggHeadphonewithBackdrop{height:30vh}.icon{width:clamp(40px,6vw,50px);cursor:pointer;transition:transform .2s ease-in-out}.icon:hover{transform:scale(1.2)}.main-content{display:flex;flex-direction:column;align-items:center;font-size:2rem}.background-pattern{position:absolute;top:80px;width:100%;max-width:300px;z-index:-1}.logo{width:120px;margin-top:50px}.title{font-size:1.6rem;font-weight:700;margin-top:0;margin-bottom:0}.description{font-size:1rem;margin-top:0;margin-bottom:0}.test-button{background-color:var(--who-blue);color:#fff;padding:1.6vh 4rem;font-size:1.6rem;font-weight:700;border-radius:3em;cursor:pointer;margin-top:5vh;width:auto;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease,transform .1s ease}.test-button:hover{background-color:color-mix(in srgb,var(--who-blue) 90%,#ffffff);transform:translateY(-1px)}.test-button:active{transform:translateY(0);opacity:.95}.centered-content{display:flex;align-items:center;justify-content:center;height:100%}.progressBar{bottom:0;width:100%;max-width:600px;height:1px;background-color:var(--who-blue, #3e8dc8)}.about-list{width:100%;max-width:600px;margin:0 auto;margin-bottom:10vh}.about-item{border-bottom:1px solid #ccc}.about-title{width:100%;text-align:left;background:none;border:none;font-size:1.5rem;font-weight:700;padding:16px;cursor:pointer;outline:none;display:flex;justify-content:space-between;align-items:center;color:#333}.about-title:hover{background-color:#f5f5f5}.about-description{padding:0 16px 16px;color:#555;line-height:1.6;text-align:left;font-size:1.2rem;font-weight:700;overflow-wrap:break-word}.about-description p{color:#555;margin-block-start:0;margin-block-end:0;margin-bottom:.5em}.about-description ul{color:#555;margin-block-start:0;margin-block-end:0;padding-left:25px}.history-group{width:100%;max-width:800px;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 4px #0000000d;margin-bottom:0rem;overflow:hidden}.history-header{width:100%;background-color:var(--who-blue, #3e8dc8);color:#fff;text-align:left;padding:.75rem 1rem;font-size:1.15rem;font-weight:500;border:none;outline:none;display:flex;align-items:center;cursor:pointer}.history-header:before{content:attr(data-icon);display:inline-block;margin-right:.75rem;font-size:1.2rem;line-height:1}.history-table{width:100%;border-collapse:collapse}.history-table thead{background-color:#f0f4fc}.history-table th{color:#333;font-weight:600;padding:.75rem;border-bottom:2px solid #e0e0e0;text-transform:uppercase;font-size:.9rem}.history-table tbody tr{transition:background-color .2s ease}.history-table tbody tr:nth-child(2n){background-color:#fff}.history-table tbody tr:nth-child(odd){background-color:#f9f9f9}.history-table tbody tr:hover{background-color:#e8f0fe}.history-table td{padding:.6rem 1rem;color:#555;font-size:.9rem;border-bottom:1px solid #e0e0e0}@media (max-width: 600px){.history-table th,.history-table td{padding:.5rem;font-size:.8rem}.history-header{font-size:1rem;padding:.6rem .8rem}}.lang-modal-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999}.lang-modal-sheet{background:#fff;width:90%;max-width:420px;max-height:60vh;overflow-y:auto;border-radius:20px;margin-bottom:25vh;padding:20px;font-size:1.5rem;animation:fadeSlideIn .3s ease-out;text-align:center;box-sizing:border-box}@keyframes fadeSlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.lang-list{list-style:none;padding:0;margin-top:10px;font-size:1.5rem}.lang-list li{padding:12px;font-size:1.5rem;border-top:1px solid #eee;color:var(--who-blue, #3e8dc8);cursor:pointer;transition:background-color .2s ease,color .2s ease}.lang-list li:hover{background-color:#f0f8ff;color:#004080}.lang-disabled{opacity:.5;pointer-events:none}.lang-active{font-weight:700}.share-modal-overlay{position:fixed;top:0;left:0;height:90vh;width:100vw;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999}.share-modal{background:#fff;width:90%;max-width:800px;height:100vh;overflow-y:auto;border-radius:20px;padding:40px 10%;margin-bottom:10vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeSlideIn .3s ease-out;text-align:center}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.share-table{display:table;width:auto;border-spacing:0 32px;margin-top:10px}.share-row{display:flex;align-items:center;padding:12px;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s ease,transform .2s ease}.share-row:hover{transform:scale(1.01)}.share-cell{display:table-cell;vertical-align:middle;padding:12px 10px;font-size:1.5rem}.icon-cell{display:flex;font-size:6rem;align-items:bottom}.text-cell{text-align:left;font-size:1.6rem;color:#333}.share-icon{width:2rem;height:2.2rem;color:var(--who-blue, #3e8dc8)}.svg-stroke-primary{stroke:var(--who-blue, #3e8dc8)}.button-cell{width:100%}.done-button{margin:0 auto 8px;padding:10px 0;width:250px;border-radius:99px;border:1.5px solid #0056b3;background:#fff;color:var(--who-blue, #3e8dc8);font-weight:700;font-size:32px;cursor:pointer;transition:background .2s ease}.done-button:hover{background:#eef6ff}.share-row:active{background-color:#e6f0ff}.snr-summary-list{width:100%;max-width:600px;margin:2rem auto;display:flex;flex-direction:column;gap:.75rem}.snr-summary-row{font-size:1.6rem;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff;padding:.5rem 1rem;background-color:var(--who-blue)}.snr-summary-label{font-weight:500;color:#fff;font-size:1.6rem}.snr-summary-value{font-weight:400;color:#fff;font-size:1.6rem}.no-history-msg{text-align:center;font-size:1.6rem;color:#000}._bottomNav_18qo7_1{position:absolute;bottom:0;width:100vw;height:12%;background:linear-gradient(to top,#000,#000000f2 80%,#000000e6 100%,#000000d9,#000c);display:flex;justify-content:space-around;padding:5px 0;z-index:1000}._navItem_18qo7_51{color:#fff;font-size:1rem;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:color .3s ease-in-out}._icon_18qo7_75{font-size:2rem;margin-bottom:4px}._active_18qo7_85{font-weight:700;color:var(--who-blue)}._navItem_18qo7_51 span{font-size:clamp(1vw,5vh,3vw);min-width:12px;font-weight:700;color:#ccc;line-height:1}._navItem_18qo7_51._active_18qo7_85 span{color:var(--who-blue)}.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;padding:1rem;background:linear-gradient(135deg,#f0f4ff,#e8ecff);color:#333}.error-page h2{font-size:clamp(2rem,5vw,3rem);font-weight:600;margin-bottom:.5rem}.error-page p{font-size:1.5rem;max-width:420px;margin-bottom:2rem;line-height:1.5}.back-button{padding:.75rem 1.75rem;font-size:1.5rem;font-weight:500;color:#fff;background:#4f46e5;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 14px #4f46e540;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.back-button:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 18px #4338ca47}.back-button:active{transform:translateY(0);box-shadow:0 3px 10px #4338ca40}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:1rem;border-radius:12px;max-width:420px;width:90%;box-shadow:0 8px 24px #0003;text-align:center}.modal-title{font-size:2rem;margin-bottom:1rem;color:#222}.modal-step,.modal-reason{text-align:center;font-size:1.5rem;margin:.5rem 0;color:#444;word-break:break-word}.modal-buttons{display:flex;justify-content:right;gap:1rem;margin-top:1.5rem}.modal-btn{padding:.6rem 1.4rem;font-size:1.5rem;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:background .2s ease-in-out}.modal-btn-outline{background:#fff;color:var(--who-blue, #3e8dc8);border:2px solid var(--who-blue, #3e8dc8)}.modal-btn-outline:hover{background:#f3f3f3}.modal-btn-primary{background:var(--who-blue, #3e8dc8);color:#fff}.modal-btn-primary:hover{background:#3476b3}@keyframes delayed-fade-in{0%{opacity:0}to{opacity:1}}.delayed-modal-wrapper{animation:delayed-fade-in .4s ease-out .5s;animation-fill-mode:backwards}._container_faw5v_1{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#fff;position:relative}._logoWrapper_faw5v_23{position:relative;width:100%;display:flex;justify-content:center;align-items:flex-end;margin-top:-5vh}._backgroundPattern_faw5v_43{position:relative;width:45vh;z-index:100}._Egglogo_faw5v_59{position:absolute;bottom:-5vh;width:30vh;max-width:400px;min-width:100px;z-index:101}._logo_faw5v_23{width:150px;margin-bottom:20px;z-index:1001}._title_faw5v_93{font-size:20px;font-weight:700;margin-bottom:20px}._navIcons_faw5v_105{width:50px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px}._navButton_faw5v_123{background:none;border:none;display:flex;flex-direction:column;align-items:center;cursor:pointer}._navButton_faw5v_123 img{width:50px;height:50px}._navButton_faw5v_123 span{font-size:14px;margin-top:5px}._progressBar_faw5v_161{bottom:0;width:90vw;height:5px;background-color:var(--who-blue, #3e8dc8);max-width:500px;object-fit:contain}._icon_faw5v_183{width:90vw;max-width:500px}._verticalSplitLine_faw5v_193{width:2px;height:100vh;background-color:#000;position:absolute;left:50%;top:0;z-index:10}._fadeOut_faw5v_213{opacity:0;transition:opacity .6s ease-out}.chevron-layout-fixed{display:flex;align-items:center;justify-content:center;gap:20px}.render-content-fixed{width:80vw;max-width:700px;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-content-intro-create-user{display:flex;flex-direction:column;height:50vh;width:80vw;align-items:center}.dob-display{font-size:1.8rem;font-weight:500;text-align:center;color:#333;border:none;background:transparent;padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:60px}.main-content-create-user{font-size:clamp(1.6rem,3vw,2.4rem);line-height:0;text-align:center;word-wrap:break-word;color:var(--who-blue)}.test-button-user{background-color:var(--who-blue);color:#fff;padding:1.6vh 4rem;font-size:1.6rem;font-weight:700;border-radius:3em;cursor:pointer;width:auto;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:100000000000;transition:background-color .2s ease,transform .1s ease}.test-button-user:hover{background-color:color-mix(in srgb,var(--who-blue) 90%,#ffffff);transform:translateY(-1px)}.test-button-user:active{transform:translateY(0);opacity:.95}.gender-button{width:100%;padding:1.6vh 4rem;font-size:clamp(1.2rem,2vw,2.4rem);font-weight:700;border-radius:3em;cursor:pointer;margin-top:5vh;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease,transform .1s ease;border:4px solid var(--who-blue);background-color:#fff;color:#000}.gender-button:hover{background-color:var(--who-blue);border:4px solid var(--who-blue);color:#fff}.date-dob-wrapper{margin-top:10vh;width:80vw}.summary-list{list-style:none;padding:0rem;margin:1vh;width:min(90%,480px);background:#fff;border-radius:1.5rem;box-shadow:0 8px 20px #00000014;font-size:clamp(1.2rem,2vw,2rem);line-height:1vh;flex-shrink:1}.summary-list li{display:flex;padding:.7rem 0;border-bottom:1px solid #eee;margin:0}.summary-list li:last-child{border-bottom:none}.summary-list strong{color:var(--who-blue, #3e8dc8);font-weight:600;flex:1 1 40%;word-break:break-word;font-size:clamp(1rem,2.5vw,1.6rem);font-size:bold}.summary-list li span{flex:1 1 50%;text-align:right;word-break:break-word;text-align:left;color:#000;font-size:clamp(1rem,2.5vw,1.6rem)}.datepicker-fullscreen{top:50%;width:100vw!important;height:100vh!important;background:#fff0;z-index:9999;display:flex;align-items:center;justify-content:center}.test-button-intro{background-color:var(--who-blue);color:#fff;padding:1.6vh 4rem;font-size:clamp(1.2rem,4vw,1.6rem);font-weight:700;border-radius:3em;cursor:pointer;width:auto;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:100000000000;transition:background-color .2s ease,transform .1s ease}.test-button-intro:hover{background-color:color-mix(in srgb,var(--who-blue) 90%,#ffffff);transform:translateY(-1px)}.test-button-intro:active{transform:translateY(0);opacity:.95}._carouselContainer_hdl9c_1{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#133d57;text-align:center;position:relative}._staticLabel_hdl9c_27{position:absolute;top:0;width:96vw;background-color:#133d57;height:auto;margin-bottom:20px}._slideContainer_hdl9c_51{display:flex;align-items:center;justify-content:center;width:90%;margin-bottom:20px}._slide_hdl9c_51{flex:1;font-size:2rem;text-align:center;padding:0 10px}._arrow_hdl9c_85{cursor:pointer;font-size:2rem;color:#133d57;transition:color .3s}._arrow_hdl9c_85:hover{color:#174b6c}._dots_hdl9c_107{display:flex;gap:8px;margin-bottom:20px}._dot_hdl9c_107{height:10px;width:10px;background-color:#bbb;border-radius:50%;cursor:pointer}._dot_hdl9c_107._active_hdl9c_135{background-color:#133d57}._nextButton_hdl9c_143{background-color:#133d57;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}._nextButton_hdl9c_143:hover{background-color:#174b6c}._volumeSlider_hdl9c_173{width:100%;margin:10px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;background:linear-gradient(to right,#174b6c 50%,#ddd 50%);border-radius:5px}._volumeSlider_hdl9c_173::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#174b6c;border-radius:50%;cursor:pointer}._volumeSlider_hdl9c_173::-moz-range-thumb{width:20px;height:20px;background:#174b6c;border-radius:50%;cursor:pointer}._DigitSets_hdl9c_237 h3{color:#133d57}._DigitSets_hdl9c_237{font-size:6rem;line-height:0;display:flex;flex-direction:column;align-items:center}._DigitSets_hdl9c_237 h3{margin-block-start:.3em;margin-block-end:.5em}._DigitSets_hdl9c_237 ._subcar_hdl9c_283{font-size:4rem;color:#000;line-height:0}._headphoneIcon_hdl9c_299{font-size:4rem;color:#133d57;margin:10px 0}._slides_hdl9c_315{font-weight:700;display:flex;flex-direction:column;max-width:75vw;justify-content:center;align-items:center}._slideshead_hdl9c_333{color:#000;font-size:clamp(1.2rem,3vw,2.4rem);margin:0;text-align:center;word-wrap:break-word}._smallPhonePad_hdl9c_349{transform:scale(.8);width:auto;height:80%;margin:-20px auto}._textFieldUI_hdl9c_375{margin-bottom:8vh}._inputWrapper_hdl9c_383{display:flex;flex-direction:column;align-items:center;gap:2.5rem;max-width:400px;margin:0 auto;width:100vw}._buttonGroupIntro_hdl9c_405{display:flex;flex-direction:column;height:45vh;width:100%}._TextFieldWrapper_hdl9c_425{margin:3vh 0}._dobGroupIntro_hdl9c_433{display:flex;flex-direction:column;justify-content:center;height:45vh;width:100%}._buttonGroupIntro2_hdl9c_451{display:flex;flex-direction:column;height:45vh;width:100%}._buttonIntro_hdl9c_469{width:80vw;max-width:500px;background-color:var(--who-blue);color:#fff;padding:1.6vh 2rem;font-size:1.6rem;font-weight:700;border-radius:3em;cursor:pointer;margin-top:2vh;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease,transform .1s ease}._buttonIntro_hdl9c_469:hover{background-color:color-mix(in srgb,var(--who-blue) 90%,#ffffff);transform:translateY(-1px)}._buttonIntro_hdl9c_469:active{transform:translateY(0);opacity:.95}._buttonActive_hdl9c_533{background-color:var(--who-blue);border:4px solid var(--who-blue);color:#fff}._startImg_hdl9c_545{cursor:pointer;max-width:220px;transition:transform .3s ease}._startImg_hdl9c_545:hover{transform:scale(1.05)}._datePickerInput_hdl9c_571{width:85vw;font-size:clamp(1.2rem,3vw,2rem)}._datePickerInput_hdl9c_571 input{font-size:clamp(1.3rem,3vw,2rem)!important;text-align:center}._datePickerInput_hdl9c_571 label{font-size:clamp(1.1rem,2vw,1.4rem)!important}._inputRow_hdl9c_601{display:flex;gap:2vw;margin-top:2rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center;background-color:#fff;color:var(--who-blue)}._dateInput_hdl9c_625{width:6vw;min-width:40px;padding:.5rem;text-align:center;font-size:clamp(16px,1.6vw,32px);border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .2s;background-color:#fff;color:var(--who-blue)}._yearInput_hdl9c_653{width:6vw;min-width:50px;padding:.7rem .5rem;text-align:center;font-size:clamp(16px,1.6vw,32px);border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .2s;background-color:#fff;color:var(--who-blue)}._dateInput_hdl9c_625:focus,._yearInput_hdl9c_653:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}._modeGroup_hdl9c_695{display:inline-flex;border:2px solid var(--who-blue);border-radius:10px;overflow:hidden;z-index:999999;font-size:bolder;width:clamp(160px,30vw,240px)}._modeCell_hdl9c_721{flex:1 0;padding:.6rem 0;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s;color:var(--who-blue);background:#fff}._modeCell_hdl9c_721:not(:last-child){border-right:2px solid var(--who-blue)}._selected_hdl9c_759{background:var(--who-blue);color:#fff}._navigationContainer_hdl9c_773{display:flex;padding:0 1rem}._sideChevron_hdl9c_785{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#000;cursor:pointer;padding:10px;z-index:10}._sideChevron_hdl9c_785:hover{opacity:.7}._leftChevron_hdl9c_819{left:20px}._rightChevron_hdl9c_829{right:20px}._demoPadWrapper_hdl9c_839{position:relative;border:4px dashed #999;border-radius:20px;padding:8px;overflow:hidden;pointer-events:none}._watermark_hdl9c_865{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:2.5rem;font-weight:700;color:#000;opacity:.15;white-space:nowrap;pointer-events:none;z-index:1}p{font-weight:bolder;color:#005fcc}.container-hearing-test{display:flex;flex-direction:column;align-items:center;justify-content:start;height:100vh;text-align:center;background-color:#fff;overflow:hidden}.slide-container{transition:transform .4s ease;display:flex;justify-content:center;align-items:start;height:calc(100% - 60px);padding:1rem;z-index:100}.chevron-nav{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:space-between;padding:0 1rem;z-index:100000000}.chevron-container{position:fixed;bottom:0;left:0;width:100vw;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;z-index:800;background:transparent}.chevron-btn{width:clamp(180px,30%,200px);display:flex;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--who-blue);transition:transform .2s ease;z-index:10000000}.chevron-btn.left{left:2vw}.chevron-btn.right{right:2vw}.chevron-btn-right-text{position:absolute;top:83.5%;background:transparent;border:none;padding:.5rem;border-radius:50%;transition:opacity .2s;z-index:1000000;color:var(--who-blue);right:10%}.chevron-inner{display:flex;align-items:center;gap:.5rem;font-size:1.2rem}.chevron-btn:hover{transform:scale(1.2)}.chevron-btn:focus{outline:none;box-shadow:none}.chevron-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.slide-container{transition:transform .4s ease;display:flex;justify-content:center;align-items:start;height:calc(100% - 60px);padding:1rem}.slide-left{animation:slideRight .5s ease}.slide-right{animation:slideLeft .5s ease}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.volume-slider{width:80%;margin:1rem auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;border-radius:4px;background:linear-gradient(to right,#009cde 50%,#d3d3d3 50%);background-size:100% 100%;background-repeat:no-repeat;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #009CDE;cursor:pointer}.speedo-wrapper{position:relative;width:60vh;margin:0}.Backdrop{display:block;width:100%;height:100%;object-fit:contain}.speedo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:auto;pointer-events:none}.my-speedo{width:100%!important;height:auto!important}.noise-status{position:absolute;width:100%;top:60%;left:50%;transform:translate(-50%);margin:0;font-size:1.2rem;font-weight:bolder;color:#005fcc;border-radius:4px;pointer-events:none}.custom-circuit{width:100%;height:100%;object-fit:contain;display:block;max-height:30vh}.download-button{position:absolute;top:12px;right:12px;padding:8px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;display:flex;align-items:center;cursor:pointer}.download-button:hover{background:#0056b3}._phonePad_1e8og_1{display:flex;flex-direction:column;align-items:center;padding:1rem}._padGrid_1e8og_15{--cell: clamp(48px, 10.8vh, 150px);display:grid;grid-template-columns:repeat(3,var(--cell));gap:clamp(.48rem,2vh,.9rem);justify-content:center}._padCell_1e8og_31{display:flex;justify-content:center;align-items:center}._btn_1e8og_43,._btn2_1e8og_45{-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;overflow:hidden;width:85%;aspect-ratio:1 / 1;border-radius:50%;border:2px solid #94a3b8;background:#fff;color:var(--who-blue);display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,border-color .15s}._btn_1e8og_43{font-size:clamp(1.2rem,4vh,2.4rem);font-weight:600}._btn_1e8og_43:hover,._btn2_1e8og_45:hover,._hovered_1e8og_95{background:#e0f2fe;border-color:#3b82f6}._HomeIcon_1e8og_105{width:clamp(1rem,4vh,2rem);height:clamp(1rem,4vh,2rem)}._clearBtn_1e8og_115{margin-top:.9rem;font-size:clamp(.84rem,4vh,1.6rem);background:none;color:#3b82f6;border:none;cursor:pointer;padding:.48rem;transition:color .2s}._clearBtn_1e8og_115:hover{color:#1d4ed8}._phonePad_1rd8d_7{display:flex;flex-direction:column;align-items:center;padding:1rem}._padGrid_1rd8d_27{--cell: clamp(48px, 10.8vh, 150px);display:grid;grid-template-columns:repeat(3,var(--cell));gap:clamp(.48rem,2vh,.9rem);justify-content:center}._padCell_1rd8d_47{display:flex;justify-content:center;align-items:center}._btn_1rd8d_67,._btn2_1rd8d_69{-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;overflow:hidden;width:85%;aspect-ratio:1 / 1;border-radius:50%;border:2px solid #94a3b8;background:#fff;color:var(--who-blue);display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,border-color .15s}._btn_1rd8d_67{font-size:clamp(1.2rem,4vh,2.4rem);font-weight:600}._btn_1rd8d_67:hover,._btn2_1rd8d_69:hover,._hovered_1rd8d_147{background:#e0f2fe;border-color:#3b82f6}._HomeIcon_1rd8d_159{width:clamp(1rem,4vh,2rem);height:clamp(1rem,4vh,2rem)}._clearBtn_1rd8d_175{margin-top:.9rem;font-size:clamp(.84rem,4vh,1.6rem);background:none;color:#3b82f6;border:none;cursor:pointer;padding:.48rem;transition:color .2s}._clearBtn_1rd8d_175:hover{color:#1d4ed8}.digit-display-wrapper{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0 1rem}.digit-boxes{display:flex;gap:1rem;align-items:center;justify-content:center;margin-bottom:1vh;padding-left:12%}.digit-box{width:4rem;height:4rem;border-bottom:2px solid #3b82f6;font-size:3.5rem;text-align:center;font-weight:700;color:var(--who-blue)}.digit-clear{background:none;border:none;font-size:1.5rem;color:#3b82f6;cursor:pointer;margin-left:.5rem;padding:0;transform:translateY(4px)}.digit-instructions{margin-top:1.2rem!important;text-align:center}.digit-instructions .main{margin-top:5vh;font-size:clamp(1.4rem,3vw,2rem);color:var(--who-blue);line-height:0;font-weight:700}.digit-instructions .sub{font-size:clamp(1rem,3vw,1.6rem);color:#6b7280;font-weight:700;margin:0;margin-top:5vh;margin-bottom:2vh;line-height:0}.delete-icon{width:2rem;height:3rem;object-fit:contain}.status-section p{font-size:1.5rem;font-weight:400;color:#000}.Sub-Instructions{max-width:800px;height:10vh;width:90vw;margin-top:1rem;font-size:clamp(1rem,5vw,2rem);color:var(--who-blue);font-weight:700;text-align:center}.Intro-Header{margin:0;font-size:clamp(1rem,1vw + 1vh,2rem);color:#000;font-weight:400}.Intro-Instructions{color:var(--who-blue);width:95vw;max-width:800px;text-align:center;height:10vh;justify-content:center;font-size:clamp(1rem,1.6vw + .8vh,2rem);line-height:clamp(1.2,4.2vw,2);font-weight:700;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:.5rem}.inline-error-message{position:fixed;top:5%;left:50%;transform:translate(-50%,-50%);z-index:1000;background-color:#fff;color:red;font-weight:700;font-size:1.1rem;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;text-align:center;pointer-events:none}._pill_5dmta_1{margin-top:.75rem;padding:.15rem .6rem;font-size:.75rem;color:var(--who-blue);background:transparent;border:1px solid var(--who-blue);border-radius:999px;cursor:pointer}._backdrop_5dmta_25{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}._modal_5dmta_45{width:90%;max-width:480px;max-height:80vh;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column}._header_5dmta_69{background:var(--who-blue);color:#fff;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}._closeBtn_5dmta_87{background:transparent;border:none;color:inherit;font-size:1.1rem;cursor:pointer}._body_5dmta_103{padding:.75rem 1rem;font-size:.75rem;line-height:1.3;overflow:auto}:root{font-family:Sarabun,sans-serif;font-weight:700;color-scheme:light dark;color:#000000de;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--who-blue: #3e8dc8}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{font-family:TH Sarabun New,sans-serif;margin:0;height:80vh;overflow:hidden}h1{font-size:3.2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;z-index:990}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--accent-blue: #0078d4;--accent-blue-hover: #0a8bf4;--danger-red: #d83b01;--danger-red-hover: #ef4b14;--card-bg: #ffffff;--card-shadow: 0 2px 8px rgb(0 0 0 / .06);--border-radius: 12px;--table-even: #f8fafc;--table-odd: #ffffff;--group-header-bg: #e2eaf5;--input-bg: #fff;--input-bg-disabled: #f2f4f7;--input-border: #d0d7de;--input-border-hover: #9dadbf;--input-border-focus: var(--accent-blue);--input-border-error: var(--danger-red);--input-radius: 6px;--input-font: clamp(.88rem, .9vw + .65rem, 1rem)}._wrapper_rtjb7_65{max-height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;padding:4rem;background:#ddd}._card_rtjb7_99,._cardCreate_rtjb7_113{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow)}._cardContent_rtjb7_127{padding:1.5rem}._tableWrapper_rtjb7_135{padding:0}._formTitle_rtjb7_151{margin:0 0 1rem;font-size:1.25rem;font-weight:600}._grid3_rtjb7_163{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}._input_rtjb7_179{width:100%;padding:.55rem .8rem;font-size:var(--input-font);border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:#1f2328;transition:border-color .15s ease,box-shadow .15s ease}._input_rtjb7_179:hover:not(:disabled):not(:focus){border-color:var(--input-border-hover)}._input_rtjb7_179:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--input-border-focus) 35%,transparent)}._input_rtjb7_179:disabled{background:var(--input-bg-disabled);color:#7a7d82;cursor:not-allowed}._input_rtjb7_179._error_rtjb7_241,._input_rtjb7_179:invalid:not(:placeholder-shown){border-color:var(--input-border-error);box-shadow:0 0 0 3px color-mix(in srgb,var(--input-border-error) 35%,transparent)}._button_rtjb7_259,._buttonSm_rtjb7_261,._buttonSmDanger_rtjb7_263{cursor:pointer;border:none;border-radius:6px;font-weight:600;font-size:.9rem;padding:.45rem 1.2rem;transition:background .15s ease,transform .08s ease;color:#fff;margin:1%}._button_rtjb7_259,._buttonSm_rtjb7_261{background:var(--accent-blue)}._button_rtjb7_259:hover,._buttonSm_rtjb7_261:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}._button_rtjb7_259:active,._buttonSm_rtjb7_261:active{transform:translateY(0)}._buttonSmDanger_rtjb7_263{background:var(--danger-red)}._buttonSmDanger_rtjb7_263:hover{background:var(--danger-red-hover);transform:translateY(-1px)}._buttonSmDanger_rtjb7_263:active{transform:translateY(0)}._exportBar_rtjb7_351{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}._excelTable_rtjb7_371{width:100%;border-collapse:collapse;font-size:.9rem}._excelTable_rtjb7_371 th,._excelTable_rtjb7_371 td{border:1px solid #d0d7de;padding:.5rem .75rem;text-align:left;white-space:nowrap}._excelTable_rtjb7_371 th{background:var(--group-header-bg);font-weight:600}._excelTable_rtjb7_371 tbody tr:nth-child(odd){background:var(--table-odd)}._excelTable_rtjb7_371 tbody tr:nth-child(2n){background:var(--table-even)}._tableWrapper_rtjb7_135{overflow-x:auto}._tableWrapper_rtjb7_135 thead th{position:sticky;top:0;z-index:1}._groupHeader_rtjb7_451 td{background:var(--group-header-bg);font-weight:600;border-top:2px solid #9ab3d5}._actionCell_rtjb7_465{white-space:nowrap;display:flex;gap:.4rem}._subjectRow_rtjb7_481,._trialGroupRow_rtjb7_483{background:var(--group-header-bg);font-weight:600;overflow-x:scroll;overflow-y:auto}._subjectRow_rtjb7_481:hover,._trialGroupRow_rtjb7_483:hover,._trialRow_rtjb7_501:hover{background:color-mix(in srgb,var(--group-header-bg) 80%,#ffffff)}._trialRow_rtjb7_501 td{padding-left:3rem}._toggle_rtjb7_519{cursor:pointer;-webkit-user-select:none;user-select:none}._subjectName_rtjb7_529{color:#555;font-weight:400;font-style:italic;margin-left:4px}._empty_rtjb7_543{width:1rem}._checkboxWrap_rtjb7_551{display:flex;align-items:center;gap:.25rem}._exportBar_rtjb7_351{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 0}._trialHeaderRow_rtjb7_579 th,._trialRow_rtjb7_501 td{text-align:center;padding-left:0;padding-right:0;vertical-align:middle}._formGrid_rtjb7_599{display:grid;grid-template-columns:150px 1fr;row-gap:16px;column-gap:16px;align-items:center;max-width:600px}._resultPage_3jimo_1{min-height:100vh;padding:2rem 1rem 5rem;display:flex;flex-direction:column;align-items:center;background:#fff}._resultCard_3jimo_19{background:#f7f9fc;border-radius:1rem;padding:2.2rem 2rem;box-shadow:0 3px 10px #0000000f;max-width:480px;width:100%;text-align:center}._snrValue_3jimo_39{font-size:3.3rem;font-weight:700;color:var(--who-blue);line-height:1.1}._snrLabel_3jimo_53{margin-top:.5rem;font-size:1rem;color:#555}._snrEmpty_3jimo_65{color:#999;font-size:1rem}._resultButton_3jimo_75{margin-top:2rem;padding:.8rem 2rem;font-size:1.1rem;border:none;border-radius:8px;background-color:var(--who-blue);color:#fff;cursor:pointer;transition:background .2s ease}._resultButton_3jimo_75:hover{background-color:#005fa3}@media (max-width: 600px){._snrValue_3jimo_39{font-size:2.5rem}._resultCard_3jimo_19{padding:2rem 1.2rem}}