:root{--primary-text: #262626;--background: #FFFFFF;--button-bg: #242424;--button-text: #FFFFFF}.gradient-mesh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:1;pointer-events:none;background:transparent}.bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/bg_v4-eOAuvqUJ.png) no-repeat center center;background-size:cover;opacity:.3;z-index:0}.launch-container{position:relative;width:100%;height:100vh;background:var(--background);overflow:hidden;opacity:1;transition:opacity .5s ease}.logo{position:absolute;width:clamp(140px,25vw,233px);height:auto;left:50%!important;transform:translate(-50%)!important;top:clamp(15px,3vh,30px);z-index:1}.hero-text{position:absolute;width:clamp(280px,70vw,800px);height:auto;left:50%;top:clamp(60px,12vh,120px);transform:translate(-50%);font-family:Outfit;font-style:normal;font-weight:400;font-size:clamp(28px,5vw,58px);line-height:clamp(35px,6vw,70px);text-align:center;color:#262626;z-index:4}.hero-text svg{width:100%;height:auto;max-width:800px}.tips{position:absolute;width:clamp(260px,80vw,584px);height:auto;left:50%;bottom:clamp(30px,6vh,60px);transform:translate(-50%);font-family:Outfit;font-style:normal;font-weight:400;font-size:clamp(14px,2.5vw,20px);line-height:clamp(18px,3vw,26px);text-align:center;letter-spacing:.25px;color:#262626;z-index:4;padding:0 20px;box-sizing:border-box}.button-container{position:absolute;top:calc(clamp(60px,12vh,120px) + clamp(35px,6vw,70px) + (100vh - clamp(60px,12vh,120px) - clamp(35px,6vw,70px) - clamp(30px,6vh,60px) - clamp(18px,3vw,26px))/2);left:50%;transform:translate(-50%,-50%);z-index:9999;cursor:pointer;width:clamp(120px,18vw,200px);height:clamp(120px,18vw,200px);margin:0;display:flex;align-items:center;justify-content:center}.reset-button{position:relative;width:100%;height:100%;background:#242424;border-radius:50%;border:none;color:#fff;font-family:Outfit;font-size:clamp(16px,3vw,32px);font-weight:700;z-index:5;padding:0;cursor:pointer!important;margin:0;transition:transform .3s ease,filter .2s ease;pointer-events:auto!important;min-width:44px;min-height:44px;outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.reset-button svg g path{fill:#fff!important}.reset-button svg{width:100%;height:100%;overflow:visible}.reset-button:active{transform:scale(.95);background:#242424!important;color:#fff!important}.reset-button:focus{background:#242424!important;color:#fff!important;outline:none!important}.reset-button:hover{background:#242424!important;color:#fff!important}.reset-button:focus-visible{outline:none!important}.center-group{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:clamp(100px,15vh,140px);z-index:3;display:flex;align-items:center;justify-content:center}.circular-text{position:absolute;width:clamp(171px,26.6vw,285px);height:clamp(171px,26.6vw,285px);top:calc(clamp(60px,12vh,120px) + clamp(35px,6vw,70px) + (100vh - clamp(60px,12vh,120px) - clamp(35px,6vw,70px) - clamp(30px,6vh,60px) - clamp(18px,3vw,26px))/2);left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center;margin:0}@media(min-width:320px)and (max-width:480px){.logo{width:clamp(80px,22vw,120px);top:clamp(8px,1.5vh,15px);left:50%;transform:translate(-50%)}.hero-text{width:clamp(280px,90%,440px);top:clamp(45px,9vh,75px);font-size:clamp(18px,5.5vw,30px);line-height:clamp(24px,7vw,38px);padding:0 15px}.button-container{width:clamp(80px,18vw,110px);height:clamp(80px,18vw,110px)}.reset-button{font-size:clamp(12px,3.2vw,16px)}.tips{width:clamp(280px,92%,440px);bottom:clamp(12px,2.5vh,22px);font-size:clamp(11px,3.2vw,15px);line-height:clamp(15px,4.2vw,19px);padding:0 15px}.circular-text{width:clamp(104.5px,30.4vw,161.5px);height:clamp(104.5px,30.4vw,161.5px)}}@media(min-width:481px)and (max-width:600px){.logo{width:clamp(95px,18vw,135px);top:clamp(10px,1.8vh,18px);left:50%;transform:translate(-50%)}.hero-text{width:clamp(420px,85%,520px);top:clamp(50px,9vh,80px);font-size:clamp(20px,4.5vw,32px);line-height:clamp(26px,5.5vw,40px);padding:0 20px}.button-container{width:clamp(90px,16vw,125px);height:clamp(90px,16vw,125px)}.reset-button{font-size:clamp(13px,2.8vw,18px)}.tips{width:clamp(420px,88%,520px);bottom:clamp(18px,3.5vh,28px);font-size:clamp(13px,2.8vw,17px);line-height:clamp(17px,3.5vw,21px);padding:0 20px}.circular-text{width:clamp(114px,26.6vw,171px);height:clamp(114px,26.6vw,171px)}}@media(min-width:601px)and (max-width:768px){.logo{width:clamp(105px,16vw,155px);top:clamp(12px,2vh,22px);left:50%;transform:translate(-50%)}.hero-text{width:clamp(480px,78%,600px);top:clamp(55px,10vh,95px);font-size:clamp(22px,4.2vw,36px);line-height:clamp(28px,5.2vw,44px)}.button-container{width:clamp(105px,15vw,145px);height:clamp(105px,15vw,145px)}.reset-button{font-size:clamp(15px,2.3vw,20px)}.tips{width:clamp(480px,82%,600px);bottom:clamp(22px,4.5vh,38px);font-size:clamp(15px,2.5vw,19px);line-height:clamp(19px,3.2vw,23px)}.circular-text{width:clamp(137.75px,21.85vw,199.5px);height:clamp(137.75px,21.85vw,199.5px)}}@media(min-width:769px)and (max-width:1024px){.logo{width:clamp(120px,15vw,180px);top:clamp(15px,2.5vh,25px);left:50%;transform:translate(-50%)}.hero-text{width:clamp(300px,70vw,550px);top:clamp(65px,11vh,110px);font-size:clamp(26px,4vw,42px);line-height:clamp(32px,5vw,52px)}.button-container{width:clamp(120px,15vw,170px);height:clamp(120px,15vw,170px)}.reset-button{font-size:clamp(16px,2.5vw,26px)}.tips{width:clamp(280px,80vw,480px);bottom:clamp(30px,5vh,50px);font-size:clamp(16px,2.5vw,22px);line-height:clamp(20px,3vw,26px)}.circular-text{width:clamp(161.5px,23.75vw,237.5px);height:clamp(161.5px,23.75vw,237.5px)}}@media(min-width:1025px)and (max-width:1280px){.logo{width:clamp(140px,12vw,200px);top:clamp(18px,3vh,30px);left:50%;transform:translate(-50%)}.hero-text{width:clamp(350px,65vw,650px);top:clamp(70px,12vh,120px);font-size:clamp(30px,3.5vw,48px);line-height:clamp(38px,4.5vw,58px)}.button-container{width:clamp(140px,14vw,190px);height:clamp(140px,14vw,190px)}.reset-button{font-size:clamp(18px,2.5vw,30px)}.tips{width:clamp(350px,75vw,550px);bottom:clamp(35px,6vh,60px);font-size:clamp(16px,2.2vw,24px);line-height:clamp(22px,2.8vw,30px)}.circular-text{width:clamp(180.5px,20.9vw,266px);height:clamp(180.5px,20.9vw,266px)}}@media(min-width:1281px)and (max-width:1440px){.logo{width:clamp(160px,11vw,220px);top:clamp(20px,3vh,32px);left:50%;transform:translate(-50%)}.hero-text{width:clamp(400px,60vw,700px);top:clamp(75px,12vh,125px);font-size:clamp(34px,3.2vw,52px);line-height:clamp(42px,4.2vw,62px)}.button-container{width:clamp(150px,13vw,200px);height:clamp(150px,13vw,200px)}.reset-button{font-size:clamp(20px,2.2vw,32px)}.tips{width:clamp(400px,70vw,580px);bottom:clamp(40px,6vh,65px);font-size:clamp(18px,2vw,26px);line-height:clamp(24px,2.6vw,32px)}.circular-text{width:clamp(190px,19vw,285px);height:clamp(190px,19vw,285px)}}@media(min-width:1441px){.logo{width:clamp(180px,10vw,233px);top:clamp(22px,3vh,35px);left:50%;transform:translate(-50%)}.hero-text{width:clamp(450px,55vw,800px);top:clamp(80px,12vh,130px);font-size:clamp(38px,3vw,58px);line-height:clamp(48px,4vw,70px)}.button-container{width:clamp(160px,12vw,220px);height:clamp(160px,12vw,220px)}.reset-button{font-size:clamp(22px,2vw,36px)}.tips{width:clamp(450px,65vw,584px);bottom:clamp(45px,7vh,70px);font-size:clamp(20px,1.8vw,28px);line-height:clamp(26px,2.4vw,34px)}.circular-text{width:clamp(209px,17.1vw,304px);height:clamp(209px,17.1vw,304px)}}@media(width:360px)and (height:800px){.logo{width:95px;top:12px}.hero-text{width:340px;top:55px;font-size:22px;line-height:28px}.button-container{width:95px;height:95px}.reset-button{font-size:14px}.tips{width:340px;bottom:18px;font-size:13px;line-height:17px}.circular-text{width:118.75px;height:118.75px}}@media(width:390px)and (height:844px){.logo{width:105px;top:14px}.hero-text{width:360px;top:60px;font-size:24px;line-height:30px}.button-container{width:100px;height:100px}.reset-button{font-size:15px}.tips{width:360px;bottom:20px;font-size:14px;line-height:18px}.circular-text{width:123.5px;height:123.5px}}@media(width:393px)and (height:873px){.logo{width:108px;top:15px}.hero-text{width:365px;top:65px;font-size:25px;line-height:31px}.button-container{width:102px;height:102px}.reset-button{font-size:16px}.tips{width:365px;bottom:22px;font-size:14px;line-height:18px}.circular-text{width:125.4px;height:125.4px}}@media(width:1366px)and (height:768px){.logo{width:180px;top:25px}.hero-text{width:520px;top:85px;font-size:38px;line-height:48px}.button-container{width:160px;height:160px}.reset-button{font-size:24px}.tips{width:520px;bottom:35px;font-size:18px;line-height:24px}.circular-text{width:199.5px;height:199.5px}}@media(width:1536px)and (height:864px){.logo{width:200px;top:28px}.hero-text{width:580px;top:95px;font-size:42px;line-height:52px}.button-container{width:170px;height:170px}.reset-button{font-size:26px}.tips{width:580px;bottom:40px;font-size:20px;line-height:26px}.circular-text{width:218.5px;height:218.5px}}@media(width:1920px)and (height:1080px){.logo{width:233px;top:35px}.hero-text{width:750px;top:120px;font-size:55px;line-height:67px}.button-container{width:210px;height:210px}.reset-button{font-size:34px}.tips{width:580px;bottom:65px;font-size:24px;line-height:30px}.circular-text{width:294.5px;height:294.5px}}@media(width:768px)and (height:1024px){.logo{width:140px;top:18px}.hero-text{width:650px;top:80px;font-size:36px;line-height:46px}.button-container{width:140px;height:140px}.reset-button{font-size:20px}.tips{width:650px;bottom:45px;font-size:18px;line-height:24px}.circular-text{width:180.5px;height:180.5px}}@media(width:820px)and (height:1180px){.logo{width:155px;top:22px}.hero-text{width:700px;top:90px;font-size:40px;line-height:50px}.button-container{width:150px;height:150px}.reset-button{font-size:22px}.tips{width:700px;bottom:50px;font-size:19px;line-height:25px}.circular-text{width:190px;height:190px}}@media(width:1024px)and (height:1366px){.logo{width:180px;top:25px}.hero-text{width:800px;top:110px;font-size:48px;line-height:58px}.button-container{width:170px;height:170px}.reset-button{font-size:26px}.tips{width:800px;bottom:60px;font-size:22px;line-height:28px}.circular-text{width:228px;height:228px}}@media(min-width:1024px){.button-container,.circular-text{top:calc(clamp(60px,12vh,120px) + clamp(35px,6vw,70px) + (100vh - clamp(60px,12vh,120px) - clamp(35px,6vw,70px) - clamp(30px,6vh,60px) - clamp(18px,3vw,26px))/2 + 10vh)}}@media(min-width:475px)and (max-width:767px){.logo{width:clamp(100px,22vw,150px);top:clamp(10px,2vh,20px);left:50%;transform:translate(-50%)}.hero-text{width:85%;top:clamp(56px,11vh,112px);font-size:clamp(22px,5.5vw,36px);line-height:clamp(28px,6.5vw,45px)}.button-container{width:clamp(100px,18vw,140px);height:clamp(100px,18vw,140px)}.reset-button{font-size:clamp(12px,3vw,20px)}.tips{width:90%;bottom:clamp(20px,4vh,35px);font-size:clamp(13px,3.5vw,18px);line-height:clamp(17px,4vw,22px)}.circular-text{width:clamp(133px,28.5vw,190px);height:clamp(133px,28.5vw,190px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circular-text>svg{width:100%;height:100%;overflow:visible;position:absolute;top:0;left:0;animation:rotate 30s linear infinite;pointer-events:none}.reset-button svg{width:100%;height:100%;overflow:visible;animation:none}.circular-text svg path{fill:var(--primary-text)}.app-container{opacity:0;transition:opacity .5s ease}@media(max-width:474px){.logo{width:clamp(90px,25vw,130px);top:clamp(8px,1.5vh,15px);left:50%;transform:translate(-50%)}.hero-text{width:90%;top:clamp(63px,11vh,98px);font-size:clamp(20px,6vw,32px);line-height:clamp(26px,7vw,40px);padding:0 15px}.button-container{width:clamp(90px,20vw,120px);height:clamp(90px,20vw,120px)}.reset-button{font-size:clamp(10px,3.5vw,18px)}.tips{width:95%;bottom:clamp(15px,3vh,25px);font-size:clamp(12px,3.5vw,16px);line-height:clamp(16px,4.5vw,20px);padding:0 15px}.circular-text{width:clamp(114px,33.25vw,171px);height:clamp(114px,33.25vw,171px)}}@media(max-height:500px)and (orientation:landscape){.logo{width:clamp(70px,12vh,120px);top:1vh;left:50%;transform:translate(-50%)}.hero-text{top:clamp(2px,2vh,4px);font-size:clamp(16px,3.5vh,28px);line-height:clamp(20px,4.5vh,36px);width:80%}.button-container{width:clamp(70px,14vh,120px);height:clamp(70px,14vh,120px)}.reset-button{font-size:clamp(8px,2vh,16px)}.tips{bottom:1vh;font-size:clamp(10px,2vh,16px);line-height:clamp(14px,2.5vh,20px);width:85%}.circular-text{width:clamp(85.5px,17.1vh,152px);height:clamp(85.5px,17.1vh,152px)}}.emotion-wheel-container{position:relative;width:100%;height:100vh;background:#fff;overflow:hidden}.logo{position:absolute;width:clamp(150px,20vw,233px);height:auto;left:50%;transform:translate(-50%);top:clamp(20px,4vh,38px);z-index:5}.logo svg{width:100%;height:auto}.prompt-text{width:clamp(320px,90vw,800px);height:auto;opacity:1;position:absolute;top:clamp(80px,12vh,140px);left:50%;transform:translate(-50%);font-family:Outfit,sans-serif;font-weight:400;font-size:clamp(24px,4vw,40px);line-height:clamp(30px,5vw,50px);letter-spacing:0%;text-align:center;color:#262626;z-index:20;transition:opacity .3s ease;padding:0 clamp(15px,3vw,30px);box-sizing:border-box;white-space:nowrap}.emotion-wheel-container.zoom-active .prompt-text,.emotion-wheel-container.zoom-active .emotion-wheel-controls{opacity:0}.emotion-cards-wrapper{position:absolute;width:100%;height:100%;top:clamp(180px,25vh,260px);left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(20px,4vh,40px) clamp(10px,2vw,20px);box-sizing:border-box}.emotion-cards-container{position:relative;width:100%;max-width:100vw;height:clamp(350px,55vh,450px);cursor:grab;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:visible;transform-style:preserve-3d}.emotion-cards-container:active{cursor:grabbing}.emotion-cards-container.spinning{cursor:grabbing;user-select:none;-webkit-user-select:none}.emotion-cards-container.spinning .emotion-card{pointer-events:none}.emotion-cards-slider{position:relative;width:100%;height:100%;transform-origin:center bottom;transform-style:preserve-3d}.emotion-card{position:absolute;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;perspective:1000px}.emotion-card.flipping{animation:cardFlip .6s ease-in-out forwards;z-index:100}.emotion-card.clicked{animation:cardPulse .15s ease-out}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes cardFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.2)}to{transform:rotateY(0) scale(1.2)}}.emotion-card.flipping{pointer-events:none}.emotion-cards-container:has(.emotion-card.flipping) .emotion-card:not(.flipping):hover{transform:scale(1) translateY(0)}.emotion-card.flip-to-zoom{animation:flipToZoom .4s ease-out forwards;z-index:1000;pointer-events:none}@keyframes flipToZoom{0%{transform:rotateY(0) scale(1.1)}60%{transform:rotateY(0) scale(1.25);box-shadow:0 25px 65px #00000059}to{transform:rotateY(0) scale(1.2);box-shadow:0 20px 60px #0000004d}}.emotion-card:hover{transform:scale(1.05) translateY(clamp(-5px,-1vh,-10px));z-index:10}.emotion-card.highlighted{transform:scale(1.1) translateY(clamp(-10px,-2vh,-20px));z-index:15}.emotion-card svg{width:100%;height:100%;border-radius:clamp(8px,1.5vw,12px);box-shadow:0 8px 32px #00000026;transition:all .3s ease}.emotion-card:hover svg{box-shadow:0 clamp(12px,2vh,16px) clamp(36px,6vh,48px) #00000040}.emotion-card.highlighted svg{box-shadow:0 clamp(15px,2.5vh,20px) clamp(45px,7.5vh,60px) #0000004d}.emotion-cards-wrapper.zoom-active .emotion-cards-container{overflow:visible}.emotion-wheel-container.zoom-active{overflow:hidden}.emotion-wheel-container.zoom-active .emotion-cards-container{overflow:hidden;pointer-events:none}.emotion-card.zoomed{position:fixed!important;top:100px!important;left:50%!important;transform:translate(-50%)!important;z-index:1000!important;box-shadow:0 15px 35px #0003;width:clamp(280px,16vw,300px)!important;height:clamp(410px,23.4vw,439px)!important;border-radius:clamp(8px,1.5vw,12px);overflow:visible!important;opacity:1!important}.emotion-card.zoomed svg{width:100%!important;height:100%!important;border-radius:inherit;display:block}.emotion-cards-slider.zoom-active .emotion-card:not(.zoomed){opacity:0!important;pointer-events:none!important;transition:all .3s ease}.emotion-selection-buttons{position:absolute;bottom:clamp(-35px,-8vh,-50px);left:0;width:100%;display:flex;justify-content:center;gap:clamp(8px,1.5vw,12px);opacity:0;transform:translateY(clamp(5px,1vh,10px));transition:opacity .3s ease,transform .3s ease;z-index:15;pointer-events:none}.emotion-intensity-buttons{display:flex;flex-direction:column;gap:clamp(6px,1.25vw,10px);position:absolute;bottom:clamp(20px,4vh,30px);width:100%;align-items:center}.emotion-card.zoomed .emotion-selection-buttons{opacity:1;transform:translateY(0);pointer-events:all}.emotion-selection-btn{padding:clamp(6px,1.25vw,10px) clamp(12px,2.5vw,20px);border-radius:clamp(16px,3vw,24px);border:clamp(1px,.25vw,2px) solid;background:transparent;color:#fff;font-weight:700;font-size:clamp(12px,1.75vw,16px);cursor:pointer;transition:all .2s;border-color:currentColor}.emotion-selection-btn:hover{background:#fff3}.emotion-selection-btn.primary{background:#0f0f0f;color:#fff}.emotion-selection-btn.primary:hover{background:#333}.zoom-close-btn{position:absolute;top:-15px;right:-15px;width:clamp(24px,3vw,30px);height:clamp(24px,3vw,30px);background:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2.5vw,20px);font-weight:700;color:#333;cursor:pointer;z-index:1002;box-shadow:0 2px 10px #0003;opacity:0;transform:scale(0);transition:all .3s ease;font-family:Arial,sans-serif;line-height:1;pointer-events:auto;-webkit-user-select:none;user-select:none;min-width:clamp(24px,3vw,30px)!important;min-height:clamp(24px,3vw,30px)!important;flex-shrink:0!important;aspect-ratio:1!important;padding:0!important;margin:0!important;box-sizing:border-box!important;border-radius:50%!important;border:none!important}.zoom-close-btn.visible{opacity:1!important;transform:scale(1)!important;transition:all .3s ease!important}.emotion-wheel-controls{position:absolute;bottom:clamp(15px,2.5vh,20px);left:50%;transform:translate(-50%);display:flex;gap:clamp(12px,2.5vw,20px);z-index:10;transition:opacity .3s ease}.emotion-wheel-controls button{padding:clamp(6px,1.25vw,10px) clamp(16px,3vw,25px);border:none;border-radius:clamp(20px,4vw,30px);background-color:#0f0f0f;color:#fff;font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(12px,2vw,16px);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0000001a}.emotion-wheel-controls button:hover{background-color:#333;transform:translateY(clamp(-1px,-.25vh,-2px));box-shadow:0 6px 12px #00000026}.sub-emotion-buttons{position:absolute;bottom:clamp(15px,3vh,20px);left:50%;transform:translate(-50%)!important;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(9px,1.5vw,13px);width:clamp(253px,29vw,286px);z-index:25;pointer-events:auto}.sub-emotion-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:9px 13px 10px;gap:4px;width:121px;height:55px;border:1.8px solid;border-radius:22px;background:transparent;font-family:Outfit,sans-serif;font-style:normal;font-weight:700;font-size:15px;line-height:20px;color:#073b33;cursor:pointer;transition:all .2s ease;z-index:30;pointer-events:auto;flex:none;order:0;flex-grow:0}.sub-emotion-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.sub-emotion-btn:active{transform:translateY(0)}.expanded-card-content.happy{border-top:5px solid #F6C6BA}.expanded-card-content.sad{border-top:5px solid #F0BEC5}.expanded-card-content.surprised{border-top:5px solid #F6D3AA}.expanded-card-content.disgusted{border-top:5px solid #DFBCE3}.expanded-card-content.unsettled{border-top:5px solid #90E8DA}.expanded-card-content.angry{border-top:5px solid #BBBBDB}.expanded-card-content.fearful{border-top:5px solid #81D6E1}.stress-checker-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.stress-checker-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.stress-checker-modal{position:relative;width:600px;max-width:90vw;height:500px;max-height:80vh;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 30px 30px;z-index:1001}.stress-close-btn{position:absolute;top:20px;right:20px;width:30px;height:30px;background:none;font-size:24px;cursor:pointer;color:#666;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;min-width:30px!important;min-height:30px!important;flex-shrink:0!important;aspect-ratio:1!important;padding:0!important;margin:0!important;box-sizing:border-box!important;border-radius:50%!important;border:none!important}.stress-close-btn:hover{background-color:#f0f0f0}.stress-emoji-container{position:absolute;display:flex;align-items:center;justify-content:center;top:-80px;left:50px;transform:translate(-50%);pointer-events:none;transition:none}#stress-emoji-bg{width:70px;height:88px}.stress-slider-container{width:100%;max-width:500px;margin:120px 0 40px;display:flex;justify-content:center;position:relative}.stress-slider-container svg{width:100%;height:100px;cursor:pointer}#stress-handle{cursor:grab;transition:transform .2s ease}#stress-handle:active{cursor:grabbing}#stress-progress{transition:x2 .2s ease}#mouth{transition:d .3s ease}#current-percentage{transition:x .2s ease}.stress-title{text-align:center;margin-bottom:35px;margin-top:auto}.stress-title h2{font-family:Outfit,sans-serif;font-weight:400;font-size:24px;line-height:100%;letter-spacing:0%;color:#262626;margin:0}.stress-continue-btn-container{margin-bottom:4vw}.stress-continue-btn{padding:15px 40px;border:none;border-radius:30px;background-color:#0f0f0f;color:#fff;font-family:Outfit,sans-serif;font-weight:500;font-size:18px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0000001a}.stress-continue-btn:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.stress-continue-btn:active{transform:translateY(0)}@media(max-width:768px){.stress-checker-modal{width:95vw;height:450px;padding:30px 20px 20px}.stress-title h2{font-size:20px;padding:0 10px}.stress-slider-container{margin:140px 0 20px;max-width:90vw}.stress-slider-container svg{width:100%;height:80px}#stress-emoji-bg{width:50px;height:62px}.stress-emoji-container{top:-75px}.stress-continue-btn{font-size:16px;padding:12px 30px}.logo{width:clamp(120px,25vw,150px);top:clamp(10px,2vh,20px);left:50%;transform:translate(-50%)}.prompt-text{font-size:clamp(18px,5vw,24px);top:clamp(50px,8vh,80px);padding:0 clamp(60px,15vw,80px);white-space:normal}.emotion-cards-container{height:clamp(300px,45vh,360px);width:clamp(300px,45vh,360px)}.emotion-card.zoomed{width:clamp(260px,70vw,320px)!important;height:clamp(381px,102.5vw,468px)!important;top:clamp(60px,8vh,100px)!important}.emotion-wheel-controls{bottom:clamp(10px,2vh,15px);gap:clamp(8px,2vw,12px)}.emotion-wheel-controls button{padding:clamp(5px,1vw,8px) clamp(12px,2.5vw,16px);font-size:clamp(11px,1.75vw,14px)}.sub-emotion-btn{width:clamp(100px,22vw,110px)!important;height:clamp(45px,8vh,50px)!important;font-size:clamp(12px,2.5vw,14px)!important;padding:clamp(6px,1.5vw,8px) clamp(10px,2vw,12px)!important;border-radius:clamp(18px,4vw,22px)!important;border-width:clamp(1.5px,.3vw,2px)!important}.sub-emotion-buttons{width:clamp(220px,50vw,240px)!important;gap:clamp(8px,1.5vw,10px)!important;bottom:clamp(20px,4vh,25px)!important;transform:translate(-50%)!important}.zoom-close-btn{width:clamp(28px,4vw,32px)!important;height:clamp(28px,4vw,32px)!important;font-size:clamp(18px,3vw,22px)!important;top:-15px!important;right:-15px!important;z-index:1003!important}}@media(min-width:769px)and (max-width:1199px){.emotion-card.zoomed{width:clamp(360px,50vw,450px)!important;height:clamp(527px,73.2vw,659px)!important;top:clamp(80px,10vh,120px)!important}.sub-emotion-btn{width:clamp(110px,18vw,130px)!important;height:clamp(50px,8vh,60px)!important;font-size:clamp(13px,2vw,16px)!important;padding:clamp(8px,1.5vw,10px) clamp(12px,2vw,15px)!important;border-radius:clamp(20px,3vw,25px)!important;border-width:clamp(1.5px,.3vw,2px)!important}.sub-emotion-buttons{width:clamp(250px,40vw,280px)!important;gap:clamp(10px,2vw,15px)!important;bottom:clamp(25px,4vh,35px)!important;transform:translate(-50%)!important}.zoom-close-btn{width:clamp(26px,3.5vw,30px)!important;height:clamp(26px,3.5vw,30px)!important;font-size:clamp(16px,2.8vw,20px)!important;top:-15px!important;right:-15px!important;z-index:1003!important}}@media(min-width:769px)and (max-width:1199px)and (max-height:700px){.emotion-card.zoomed{width:clamp(240px,28vw,300px)!important;height:clamp(351px,41vw,439px)!important;top:clamp(20px,3vh,40px)!important}.sub-emotion-btn{width:clamp(100px,16vw,120px)!important;height:clamp(40px,6vh,50px)!important;font-size:clamp(12px,1.8vw,15px)!important;padding:clamp(6px,1.2vw,8px) clamp(10px,1.8vw,12px)!important;border-radius:clamp(18px,2.5vw,22px)!important;border-width:clamp(1.3px,.25vw,1.8px)!important}.sub-emotion-buttons{width:clamp(220px,35vw,260px)!important;gap:clamp(8px,1.5vw,12px)!important;bottom:clamp(15px,3vh,25px)!important;transform:translate(-50%)!important}.zoom-close-btn{width:clamp(24px,3vw,28px)!important;height:clamp(24px,3vw,28px)!important;font-size:clamp(16px,2.5vw,18px)!important;top:-15px!important;right:-15px!important;z-index:1003!important}}@media(max-width:480px){.stress-checker-modal{width:95vw;height:400px;padding:25px 15px 15px}.stress-slider-container{margin:120px 0 15px;max-width:85vw}.stress-slider-container svg{height:70px}#stress-emoji-bg{width:40px;height:50px}.stress-emoji-container{top:-65px}.stress-title h2{font-size:18px;padding:0 5px}.logo{width:clamp(120px,25vw,150px);top:clamp(10px,2vh,20px);left:50%;transform:translate(-50%)}.prompt-text{font-size:clamp(18px,5vw,24px);top:clamp(60px,10vh,90px);padding:0 clamp(60px,15vw,80px);white-space:normal;width:clamp(300px,85vw,400px)}.emotion-cards-container{height:clamp(250px,40vh,300px);width:clamp(250px,40vh,300px)}.emotion-card.zoomed{width:clamp(230px,80vw,280px)!important;height:clamp(337px,117vw,410px)!important;top:clamp(40px,6vh,80px)!important}.sub-emotion-buttons{width:clamp(200px,80vw,220px)!important;gap:clamp(6px,1vw,8px)!important;bottom:clamp(15px,3vh,20px)!important;transform:translate(-50%)!important}.sub-emotion-btn{width:clamp(90px,35vw,100px)!important;height:clamp(40px,7vh,45px)!important;font-size:clamp(11px,2.2vw,13px)!important;padding:clamp(5px,1.2vw,7px) clamp(8px,1.8vw,10px)!important;border-radius:clamp(16px,3.5vw,20px)!important;border-width:clamp(1.2px,.25vw,1.8px)!important}}@media(min-width:1200px){.emotion-cards-container{height:clamp(450px,50vh,550px);width:clamp(450px,50vh,550px)}.logo{width:clamp(200px,18vw,250px)}.prompt-text{font-size:clamp(32px,3.5vw,42px)}.sub-emotion-buttons{transform:translate(-47%)!important}}@media(min-width:1600px){.emotion-cards-container{height:clamp(500px,45vh,600px);width:clamp(500px,45vh,600px)}}.auth-header{position:fixed;top:0;right:0;padding:20px 30px;z-index:1000;display:flex;gap:12px;align-items:center}.auth-btn{padding:10px 24px;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}#auth-sign-in{background:transparent;color:#0f0f0f;border:1px solid rgba(15,15,15,.2)}#auth-sign-in:hover{background:#0f0f0f0d;border-color:#0f0f0f4d}#auth-sign-up{background:#0f0f0f;color:#fff}#auth-sign-up:hover{background:#2a2a2a}.dashboard-link{text-decoration:none;background:transparent;color:#0f0f0f;border:1px solid rgba(15,15,15,.2)}.dashboard-link:hover{background:#0f0f0f0d;border-color:#0f0f0f4d}#auth-user-info{display:none;align-items:center;gap:12px}.auth-user-email{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#0f0f0f;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-avatar{width:36px;height:36px;border-radius:50%;background:#e68872;color:#fff;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s,box-shadow .2s;cursor:pointer}.auth-avatar:hover{transform:scale(1.08);box-shadow:0 2px 8px #00000026}.auth-btn-signout{background:transparent;color:#0f0f0f;border:1px solid rgba(15,15,15,.2);padding:8px 16px;font-size:13px}.auth-btn-signout:hover{background:#0f0f0f0d;border-color:#0f0f0f4d}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.auth-modal-overlay.show{opacity:1;visibility:visible}.auth-modal-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px 36px 32px;position:relative;box-shadow:0 20px 60px #00000026;transform:translateY(20px) scale(.97);transition:transform .3s ease}.auth-modal-overlay.show .auth-modal-card{transform:translateY(0) scale(1)}.auth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:#999;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.auth-modal-close:hover{background:#0000000d;color:#333}.auth-modal-title{font-family:Outfit,sans-serif;font-size:24px;font-weight:600;color:#0f0f0f;margin:0 0 24px;text-align:center}.auth-form{display:none;flex-direction:column;gap:16px}.auth-form.active{display:flex}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input-group label{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;color:#555}.auth-input-group input{font-family:Outfit,sans-serif;font-size:15px;padding:12px 14px;border:1px solid #ddd;border-radius:10px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;color:#0f0f0f;background:#fafafa}.auth-input-group input:focus{border-color:#fe9166;box-shadow:0 0 0 3px #fe916626;background:#fff}.auth-input-group input::placeholder{color:#bbb}.auth-password-hint{font-family:Outfit,sans-serif;font-size:12px;color:#999;margin-top:2px}.auth-error{display:none;font-family:Outfit,sans-serif;font-size:13px;color:#e53e3e;background:#e53e3e0f;padding:10px 12px;border-radius:8px;text-align:center}.auth-submit-btn{font-family:Outfit,sans-serif;font-size:15px;font-weight:600;padding:13px;border:none;border-radius:10px;background:#fe9166;color:#fff;cursor:pointer;transition:background .2s ease,transform .1s ease;margin-top:4px}.auth-submit-btn:hover{background:#fd7d4a}.auth-submit-btn:active{transform:scale(.98)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.auth-divider span{font-family:Outfit,sans-serif;font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.auth-oauth-buttons{display:flex;gap:10px}.auth-oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1px solid #ddd;border-radius:10px;background:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease}.auth-oauth-btn:hover{background:#f7f7f7;border-color:#ccc}.auth-oauth-btn svg{width:18px;height:18px;flex-shrink:0}.auth-toggle{font-family:Outfit,sans-serif;font-size:13px;color:#777;text-align:center;margin-top:4px}.auth-toggle a{color:#fe9166;text-decoration:none;font-weight:500}.auth-toggle a:hover{text-decoration:underline}.auth-verify-info{font-family:Outfit,sans-serif;font-size:14px;color:#666;text-align:center;line-height:1.5}@media(max-width:480px){.auth-modal-card{margin:16px;padding:28px 20px 24px}.auth-header{padding:12px 16px;gap:8px}.auth-btn{padding:8px 16px;font-size:13px}.auth-user-email{max-width:120px;font-size:13px}}