@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);#buttonid::-moz-focus-inner,.buttonclass::-moz-focus-inner,button::-moz-focus-inner{border:0!important;padding:0!important}.signup-header{box-sizing:border-box;max-width:100%;width:100%;z-index:100}.header-intro{height:60px;position:fixed;top:0;width:100%;z-index:1000}.chatButton-default{bottom:10%;display:"flex";position:absolute}.chatButton-login{bottom:25%;display:flex;position:relative;right:7%}.container .btn-holder{display:inline-block;margin-top:3em;max-width:5vh;min-width:1vh;padding-right:0;padding-top:0;position:relative;text-align:center;vertical-align:middle}.main-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;text-align:center}.main-container .inner-header{align-items:center;display:flex;flex-direction:row;position:relative}.main-container .face-photo{display:block;height:auto;margin-top:-90px;max-width:100%;position:relative;width:100%}.main-container .title-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:80vh;margin-top:-20vh}.blocks-container{background-color:#fff;display:flex;flex-direction:column}.blocks-container img{align-items:center;border-radius:10px;height:250px;margin:0 auto;width:60%}.blocks-container .block{align-items:center;background:#fff;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:20px}.blocks-container .block-header{font-weight:600;text-align:center}.blocks-container .block-header,.blocks-container .block-header-feature{color:#096278;font-family:Poppins;font-size:40px;letter-spacing:1px;line-height:1.4;margin-bottom:20px;text-transform:capitalize}.blocks-container .block-header-feature{font-weight:400;text-align:left}.blocks-container .block-header-2{font-size:30}.blocks-container .block-header-2,.blocks-container .block-header-3{color:#096278;font-family:Poppins;font-weight:400;letter-spacing:.5px;line-height:1.4;margin-bottom:10px;text-align:left;text-transform:capitalize}.blocks-container .block-header-3{font-size:30px!important}.blocks-container .block-header-4{color:#096278;font-family:Poppins;font-size:22px!important;font-weight:400;letter-spacing:.5px;line-height:1.4;margin-bottom:10px;text-align:center;width:80%}.blocks-container .highlight{color:#096278;font-size:1.2em;font-weight:500}.blocks-container .text-area-feature{max-width:1200px;width:100%}.blocks-container .text-area,.blocks-container .text-area-feature{color:#333;font-family:Poppins;font-size:20px;font-weight:300;line-height:1.6;padding:20px;text-align:left}.blocks-container .text-area{letter-spacing:.5px;margin-left:10px;max-width:60%;width:40%}.blocks-container .text-area-dave{color:#333;font-family:Poppins;font-size:20px;font-weight:300;letter-spacing:.5px;line-height:1.6;max-width:100%;text-align:center;width:40%}.blocks-container .block-feature{background-color:#f8f6f4;padding-left:20vh;padding-right:20vh}.blocks-container .block-profile{background-color:#fff;flex-direction:row;padding-left:20vh;padding-right:20vh}.blocks-container .block-profile img{border-radius:10px;height:350px;width:600px}.blocks-container .block-person{background-color:#f8f6f4;flex-direction:row-reverse;padding-left:20vh;padding-right:20vh}.blocks-container .block-person img{border-radius:10px;height:450px;width:600px}.blocks-container .block-cognitive{background-color:#fff;flex-direction:row;padding-left:20vh;padding-right:20vh}.blocks-container .block-cognitive img{border-radius:50%;height:320px;width:250px}.blocks-container .block-strategy{background-color:#fff;flex-direction:row-reverse;padding-left:20vh;padding-right:20vh}.text-area-2{color:#333;font-family:Poppins;font-size:22px;letter-spacing:.5px;line-height:1.6;margin-left:50px;margin-right:50px;max-width:1200px;padding:20px;text-align:left;text-align:center;width:100%}@keyframes waves{0%{opacity:1;transform:scale(1)}50%{opacity:1}to{opacity:0;transform:scale(2)}}.waves{height:3vh;margin-bottom:0 px;margin-top:-45em;min-height:100px;position:relative;width:100%}.waves .parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.waves .parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.waves .parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.waves .parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.waves .parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.buy-credit{background-color:#1e2246;font-family:Arial;font-size:3vh;text-align:center}.buy-credit .buy-credit-content .tab-buttons{margin-bottom:20px;margin-top:10vh}.buy-credit .buy-credit-content .tab-buttons button{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:20px;margin-right:10px;padding:5vh 10vh}.buy-credit .buy-credit-content .tab-buttons button.active{background-color:#007bff;color:#fff}.buy-credit .buy-credit-content .buy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;margin-top:10vh;padding:2vh 4vh}.assign-credit{background-color:#1e2246;font-family:Arial;font-size:3vh;min-height:100vh;text-align:center}.assign-credit .buy-credit-content .api-containter{margin-top:10vh}.assign-credit .buy-credit-content .tab-buttons{margin-bottom:20px;margin-top:20vh}.assign-credit .buy-credit-content .tab-buttons button{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:20px;margin-right:10px;padding:5vh 10vh}.assign-credit .buy-credit-content .tab-buttons button.active{background-color:#007bff;color:#fff}.assign-credit .buy-credit-content .buy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;margin-top:10vh;padding:2vh 4vh}.image-container{display:inline-block;position:relative}.language-selector{font-family:SF Pro;position:absolute;right:100px;top:50px;z-index:1000}.language-button{align-items:center;background-color:#fffc;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;gap:5px;padding:6px 12px}.language-button:hover{background-color:#ffffffe6}.language-dropdown{z-Index:1001;background-color:"transparet";border-radius:20px;margin-top:5px;position:absolute;right:0;top:100%;width:100px!important}.language-option{border-radius:20px;color:#1e2246;padding:8px 12px}.language-option:hover{background-color:#f5f5f5}.language-option.selected{background-color:#e6f7ff;font-weight:700}@media only screen and (max-width:1024px){.face-photo{height:auto;max-width:none;position:relative!important;top:180px;transform:scale(2)}.language-selector{right:30px;top:160px}.waves{height:10vh;min-height:10vh;z-index:2}.content{height:30vh}h1{font-size:20px}.main-container{justify-content:center}.main-container,.main-container .inner-header{align-items:center;display:flex;flex-direction:column}.main-container .inner-header{gap:1em}.chatButton-container-main{align-items:center;display:flex;flex-direction:column;justify-content:center;right:15%;top:80vh;z-index:100}.block-header{font-family:Poppins;font-size:25px!important;font-weight:600;letter-spacing:.5px;line-height:1.4;margin-bottom:20px;text-align:center;text-transform:capitalize}.block-header-feature{font-size:40px;letter-spacing:1px;margin-bottom:20px}.block-header-3,.block-header-feature{color:#096278;font-family:Poppins;font-weight:400;line-height:1.4;text-align:left;text-transform:capitalize}.block-header-3{font-size:30px!important}.block-header-3,.block-header-4{letter-spacing:.5px;margin-bottom:10px}.block-header-4{color:#096278;font-family:Poppins;font-size:20px!important;font-weight:400;line-height:1.4;text-align:center;width:80%}.text-area-feature{font-size:16px!important;text-align:left;width:80%!important}.text-area-2,.text-area-feature{color:#333;font-family:Poppins;font-weight:300;line-height:1.6}.text-area-2{font-size:16px;width:70%}.text-area-2,.text-area-dave{letter-spacing:.5px;text-align:center}.text-area-dave{color:#333;font-family:Poppins;font-size:20px;font-weight:300;line-height:1.6;max-width:100%;width:80%!important}.blocks-container{background-color:#dad8d6;display:flex;flex-direction:column}.blocks-container .block{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding:10px}.blocks-container .block .text-area{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#333;font-family:Arial,sans-serif;font-size:16px;line-height:1.6;margin-bottom:20px;max-width:600px;padding:20px;text-align:left}.blocks-container .block-person{background-color:#fff;flex-direction:column}.blocks-container .block-person img{border-radius:10px;height:auto;margin-left:0;max-width:100%!important}.blocks-container .block-person .text-area{color:#333;font-family:Poppins;font-size:16px;font-weight:300;letter-spacing:.5px;line-height:1.6;margin-right:50%;padding:30px;text-align:left;width:80%!important}.blocks-container .block-profile{background-color:#fff;flex-direction:column}.blocks-container .block-profile img{border-radius:10px;height:auto;margin-left:0;max-width:100%!important}.blocks-container .block-profile .text-area{color:#333;font-family:Poppins;font-size:16px;font-weight:300;letter-spacing:.5px;line-height:1.6;margin-right:50%;padding:30px;text-align:left;width:80%!important}.blocks-container .block-header-2{color:#096278;font-family:Poppins;font-size:30;font-weight:400;letter-spacing:.5px;line-height:1.4;margin-bottom:10px;text-align:left;text-transform:capitalize}.blocks-container .block-cognitive{background-color:#fff}.blocks-container .block-cognitive img{border-radius:50%;height:300px;width:230px}.blocks-container .block-strategy{background-color:#fff}.blocks-container .block-strategy img{border-radius:8px;height:80px;width:400px}}.hero-content{align-items:center;display:flex;gap:60px;justify-content:space-between;max-width:1200px;padding:40px 20px;width:100%}.hero-content .hero-text{flex:1 1;text-align:left}.hero-content .hero-text .hero-title{color:#fff;font-family:Poppins;font-size:72px;font-weight:800;letter-spacing:-2px;margin:0 0 20px}.hero-content .hero-text .hero-subtitle{color:#156f86;font-family:Poppins;font-size:50px;font-weight:800;line-height:1.2;margin:0 0 40px}.hero-content .hero-text .hero-buttons{align-items:center;display:flex;font-family:Poppins;gap:20px}.hero-content .hero-text .hero-buttons .btn-primary{background-color:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#22afd4;cursor:pointer;font-size:18px;font-weight:600;padding:15px 30px;transition:all .3s ease}.hero-content .hero-text .hero-buttons .btn-primary:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.hero-content .hero-text .hero-buttons .btn-secondary{background-color:#22afd4;border:none;border-radius:50px;box-shadow:0 4px 15px #68c7e84d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 30px;transition:all .3s ease}.hero-content .hero-text .hero-buttons .btn-secondary:hover{background-color:#5ab8d9;box-shadow:0 6px 20px #68c7e866;transform:translateY(-2px)}.hero-content .hero-image{align-items:center;display:flex;flex:1 1;justify-content:center}.hero-content .hero-image .hero-character{border-radius:20px;height:auto;max-width:100%;width:700px}.hero-content-mobile{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;max-width:400px;min-height:100vh;padding:20px;text-align:center;width:100%}.hero-content-mobile .hero-main-title{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:70px}.hero-content-mobile .hero-main-title .hero-title-large{color:#fff;font-family:Poppins;font-size:48px;font-weight:800;letter-spacing:-2px;margin:0}.hero-content-mobile .hero-main-title .hero-subtitle{color:#156f86;font-family:Poppins;font-size:28px;font-weight:600;line-height:1.2;margin:0;text-align:center}.hero-content-mobile .hero-image-mobile{align-items:center;display:flex;justify-content:center;margin:-40px 0;width:100%}.hero-content-mobile .hero-image-mobile .hero-character-mobile{border-radius:20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));height:auto;max-width:350px}.hero-content-mobile .hero-buttons-mobile{display:flex;flex-direction:row;gap:15px;margin-bottom:40px;max-width:300px;width:100%}.hero-content-mobile .hero-buttons-mobile .btn-primary-mobile{background-color:#fffffff2;border:none;border-radius:25px;box-shadow:0 4px 15px #0000001a;color:#22afd4;cursor:pointer;flex:1 1;font-family:Poppins;font-size:14px;font-weight:600;padding:15px 20px;transition:all .3s ease}.hero-content-mobile .hero-buttons-mobile .btn-primary-mobile:hover{background-color:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.hero-content-mobile .hero-buttons-mobile .btn-secondary-mobile{align-items:center;background-color:#22afd4;border:none;border-radius:25px;box-shadow:0 4px 15px #68c7e84d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Poppins;font-size:16px;font-weight:600;gap:5px;justify-content:center;padding:15px 20px;transition:all .3s ease}.hero-content-mobile .hero-buttons-mobile .btn-secondary-mobile:hover{background-color:#5ab8d9;box-shadow:0 6px 20px #68c7e866;transform:translateY(-2px)}.main-container .inner-header .language-selector{position:absolute;right:30px;top:30px;z-index:1000}@media(max-width:768px){.hero-content{display:none}.hero-content-mobile{display:flex}.main-container .inner-header .language-selector{right:20px;top:20px}}@media(min-width:769px){.hero-content{display:flex}.hero-content-mobile{display:none}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--left-msg-bg:#fff;--right-msg-bg:#f4fbfd;--body-bg-color:#fff;--chat-bg-color:#0000;--text-color:#5a5a5a;--text-secondary:#666;--input-bg:#e1f8fe;--settings-bg:#e1f8fe;--settings-card-bg:#daf4fa;--settings-title-color:#24315e;--button-bg:#22a699;--button-text:#fff;--tooltip-bg:#436182;--tooltip-text:#fff;--scrollbar-track:#c7e8f1;--scrollbar-thumb:#23b1fb;--border-color:#ddd;--hover-bg:#ffffff1a;--primary-color:#279eff;--primary-color-light:#279eff1a}.dark-mode{--left-msg-bg:#5a5a5b;--right-msg-bg:#30373a;--body-bg-color:#313132;--chat-bg-color:#313132;--text-color:#e0e0e0;--text-secondary:#aaa;--input-bg:#1e1e1e;--settings-bg:#313132;--settings-card-bg:#2a2a2e;--settings-title-color:#e0e0e0;--button-bg:#2c5282;--button-text:#fff;--tooltip-bg:#2a2a2e;--tooltip-text:#e0e0e0;--scrollbar-track:#2a2a2e;--scrollbar-thumb:#3a3a3e;--border-color:#444;--hover-bg:#ffffff0d;--primary-color:#4299e1;--primary-color-light:#4299e11a}.chatbot-page{background-color:#fff;background-color:var(--body-bg-color);display:flex;flex-direction:column;height:calc(100vh - 70px)}.chat-header{background-color:#e1f8fe;background-color:var(--settings-bg);position:-webkit-sticky;position:sticky;top:50px}.chatbot-main-content{display:flex;flex:1 1;flex-direction:column;overflow-y:hidden}.body_chat,.msger{display:flex;flex:1 1;flex-direction:column;height:100%}.msger-chat{flex:1 1;margin:0 auto;max-width:800px;overflow-y:auto;padding:40px 20px 20px;width:100%}.chat-right-column{display:none}.chatbot-page:before{background-color:#fff;background-color:var(--body-bg-color);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:scaleX(-1);width:100%}.chatbot-page>*{position:relative;z-index:1}ct{margin:50px auto;max-width:800px}.msger-inputarea{align-items:center;border:1px solid #ebf0f1;border-radius:12px;bottom:-20px;display:flex;height:116px;left:50%;overflow:visible;position:absolute;transform:translateX(-50%);width:850px;z-index:2000}.msger-input,.msger-inputarea{background:#fff;color:#5a5a5a;color:var(--text-color);font-family:SF Pro,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.msger-input{border:none;border-radius:10px;flex:1 1;font-size:16px;height:100%;line-height:20px;outline:none;padding:10px 90px 10px 15px;resize:none;width:100%}.msger-input::placeholder{color:#afafaf;opacity:1;padding-top:15px}.msger-input:focus::placeholder{opacity:0}.msger-input:focus::-moz-placeholder{opacity:0}.msger-input:focus::-webkit-input-placeholder{opacity:0}.msger-input:focus::-ms-input-placeholder{opacity:0}.mic-button,.mic-button-headphone,.send-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:auto;justify-content:center;margin-left:0;padding:0;transition:all .2s ease;width:auto}.mic-button img,.mic-button-headphone img,.send-button img{height:34px;width:34px}.mic-button-headphone:hover,.mic-button:hover,.send-button:hover{background:#0000;transform:none}.mic-button-headphone{background:#0000;color:#fefeff;margin-left:0;margin-right:0}.input-icons{align-items:center;display:flex;gap:10px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.session-complete-container{align-items:center;display:flex;gap:40px;height:30%;justify-content:center}.session-action-btn,.session-complete-btn{background:#22a699;background:var(--button-bg);border:none;border-radius:8px;color:#fff;color:var(--button-text);cursor:pointer;font-weight:700;height:55px;padding:10px;transition:background .23s}.msg .msg-img{height:60px;width:60px}.left-msg{flex-direction:row}.left-msg .msg-avatar{margin-right:20px}.left-msg .msg-bubble{background:#fff;background:var(--left-msg-bg);border:1px solid #ebf0f1;color:#5a5a5a;color:var(--text-color);width:80%}.mute-button-containter{font-family:Poppins;position:fixed;right:35vw;top:20px;z-index:1000}.mute-button-containter .mute-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.5rem}.agree-tacbox{background-color:#f4fbfd;border-radius:8px;color:#639eab;font-family:SF Pro;font-size:16px;line-height:1.2;margin:0 auto;max-width:800px;padding:20px}.agree-tacbox h2{color:#156f86;font-family:SF Pro;font-weight:900;line-height:1;margin-bottom:20px;text-align:#fff;text-align:var(--left-msg-bg)}.indented-list{padding-left:5vh}.agree-tacbox p,.agree-tacbox ul{font-family:SF Pro;line-height:1;margin-bottom:10px}.agree-tacbox li{font-family:SF Pro;line-height:1.4;margin-bottom:8px}.agree-tacbox a{color:#156f86;font-family:Poppins,sans-serif;line-height:1.6;text-decoration:underline}.checkbox-container{align-items:flex-start}.checkbox-container input[type=checkbox]{flex:0 0 auto;height:24px;margin-left:10px;margin-top:.25rem;transform:scale(1.5);width:24px}.checkbox-container label{flex:1 1;font-family:Poppins,sans-serif;font-size:.95rem;line-height:1.6;margin-left:15px;padding-top:5px;text-align:left;white-space:normal;word-break:break-word}.agree-btn-container{margin-top:20px;text-align:center}.agree-btn{background-color:#22afd4;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;padding:15px 30px;width:250px}.dot-flashing{display:inline-block;margin-left:5px}.dot-flashing:after{animation:dots 1.5s steps(4) infinite;content:" ."}@keyframes dots{0%,to{content:" ."}25%{content:" .."}50%{content:" ..."}75%{content:" "}}.progress-bar-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:10px;overflow:hidden;padding:10px;width:40%}.progress-bar-container{background-color:#fffefe;border-radius:10px;flex:2 1}.progress-bar{background-color:#6a70b8;border-radius:10px;color:#fff;height:100%;line-height:20px;transition:width .3s ease-in-out}.progress-bar,.progress-message{font-size:14px;font-weight:700;text-align:center}.progress-message{color:#030342;margin-left:10px}.progress-bar-info{flex:1 1}.progress-description{color:#030342;flex:1 1;font-size:14px;margin-left:40px;padding-left:-10px;width:1400px}.progress-bar-text-wrapper{align-items:center;background-color:#fefefe66;border-radius:8px;display:flex;font-family:Poppins;height:40px;justify-content:center;margin-left:50px;margin-top:10px;padding:20px;position:fixed;width:150px;width:80%;z-index:1000}.close-button{background-color:#6a70b8;color:#fff!important;font-size:16px;height:20px;outline:none;right:0;top:0;transition:background-color .2s ease-in-out;width:20px}.close-button:hover{background-color:#f0f0f0;color:#000}.close-button:focus{outline:none}.modal-backdrop{background-color:#f9f9f9;z-index:1050}.modal-content{animation:scaleIn .3s ease-in-out;border-radius:12px;box-shadow:0 8px 24px #0003;color:#3d3d3d;font-family:Poppins;font-size:16px;max-width:360px;padding:24px;text-align:center}.modal-content button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:5px;padding:10px 20px;transition:background-color .3s ease}.modal-content button:hover{background-color:#2980b9}.modal-content button:active{background-color:#1f5f8a}.voice-mode-info{background-color:#0000;border:2px solid #fff3;border-radius:5px;box-shadow:0 0 10px #ebecee80;color:#fff;font-family:Poppins;font-size:16px;margin:0 auto;padding:10px;text-align:center;top:20px;width:900px;z-index:200}.voice-mode-controls{bottom:30px;display:flex;justify-content:center;left:0;padding:15px;position:fixed;right:0;z-index:1000}.countdown-timer2{align-items:center;color:#333;display:flex;font-size:14px;font-weight:700;justify-content:center;margin-top:10px;text-align:center}.close-button-voice-mode{background:#f0f0f0;border:2px solid #fff3;border-radius:5px;border-radius:50%;color:#494949;cursor:pointer;font-size:16px;height:30px;position:absolute;right:-10px;top:-10px;width:30px}.highlight-profile{background-color:#1e2246;border-radius:3px;color:#fff;font-weight:700;padding:2px 5px}.close-button-voice-mode:hover{color:#4538f9}.chatbot-container{position:relative}.overlay{align-items:center;background-color:#000000e6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.msger-inputarea{position:relative;z-index:20}.overlay-avatar{border-radius:50%;height:200px;margin-bottom:450px;width:200px}.thinking-text{border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:1.2rem;left:50%;padding:10px 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:220}.chat-right-column{background-color:#e1f8fe;background-color:var(--settings-bg);color:#5a5a5a;color:var(--text-color);display:flex;flex-direction:column;max-width:400px;min-width:250px;overflow-y:auto;width:350px}.chat-right-column .error-message{background-color:#ff00001a;border-radius:4px;color:#d32f2f;font-size:.875rem;margin-bottom:1rem;padding:.5rem;text-align:center}.chat-right-column .trait-tooltip{background-color:#436182;background-color:var(--tooltip-bg);border-radius:6px;box-shadow:0 3px 10px #0003;color:#fff;color:var(--tooltip-text);font-family:SF Pro;font-size:.875rem;line-height:1.4;max-width:250px;opacity:.95;padding:.75rem 1rem;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:1000}.chat-right-column .trait-tooltip:after{border-color:#0000 #0000 #436182;border-color:#0000 #0000 var(--tooltip-bg) #0000;border-style:solid;border-width:0 8px 8px;content:"";left:50%;position:absolute;top:50%;transform:translateX(-50%)}.chat-right-column h3{color:#24315e;color:var(--settings-title-color);font-family:Poppins;font-size:1.5rem;font-weight:100;margin-bottom:1rem}.chat-right-column .settings-card{background-color:#daf4fa;background-color:var(--settings-card-bg);border-radius:40px;font-family:SF Pro;margin-bottom:1.5rem;margin-top:4rem;padding:1.5rem}.chat-right-column .settings-card .setting-header{color:#24315e;color:var(--settings-title-color);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.chat-right-column .preference-section{margin-bottom:2rem}.chat-right-column .preference-section .section-title{align-items:center;color:#24315e;color:var(--settings-title-color);display:flex;font-size:1.25rem;font-weight:500;margin-bottom:1rem}.chat-right-column .preference-section .section-title .info-icon{align-items:center;background-color:#ccc;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:1.25rem;justify-content:center;margin-left:.5rem;width:1.25rem}.chat-right-column .preference-section .mood-options,.chat-right-column .preference-section .trait-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.chat-right-column .preference-section .mood-options .mood-button,.chat-right-column .preference-section .mood-options .trait-button,.chat-right-column .preference-section .trait-options .mood-button,.chat-right-column .preference-section .trait-options .trait-button{background-color:#0000;border:1px solid #96a5b9;border-radius:999px;color:#96a5b9;cursor:pointer;font-size:1rem;padding:.5rem 1.25rem;transition:all .2s ease}.chat-right-column .preference-section .mood-options .mood-button.active,.chat-right-column .preference-section .mood-options .trait-button.active,.chat-right-column .preference-section .trait-options .mood-button.active,.chat-right-column .preference-section .trait-options .trait-button.active{background-color:#279eff;border-color:#279eff;color:#fff}.chat-right-column .preference-section .mood-options .mood-button:hover:not(.active),.chat-right-column .preference-section .mood-options .trait-button:hover:not(.active),.chat-right-column .preference-section .trait-options .mood-button:hover:not(.active),.chat-right-column .preference-section .trait-options .trait-button:hover:not(.active){background-color:#ffffffe6;border-color:#ccc}.chat-right-column .preference-section .mood-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.chat-right-column .preference-section .mood-options .mood-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.chat-right-column .preference-section .mood-options .mood-item .mood-circle{align-items:center;background-color:#fff9;border-radius:50%;cursor:pointer;display:flex;height:3.5rem;justify-content:center;transition:all .2s ease;width:3.5rem}.chat-right-column .preference-section .mood-options .mood-item .mood-circle.active{background-color:#4a90e2}.chat-right-column .preference-section .mood-options .mood-item .mood-circle img{height:2rem;width:2rem}.chat-right-column .preference-section .mood-options .mood-item .mood-label{color:#555;font-size:.9rem}.chat-right-column .button-group{display:flex;gap:1rem;margin-top:1rem}.chat-right-column .button-group button{border:none;border-radius:999px;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem;transition:all .2s ease}.chat-right-column .button-group button.save-button{background-color:#4a90e2;color:#fff}.chat-right-column .button-group button.save-button:hover{background-color:#3a80d2}.chat-right-column .button-group button.clear-button{background-color:#fff9;border:1px solid #ddd;color:#777}.chat-right-column .button-group button.clear-button:hover{background-color:#ffffffe6}.chat-right-column .right-button-group{margin-top:2rem}.chat-right-column .right-button-group button{background-color:#fff9;border:none;border-radius:999px;color:#333;cursor:pointer;font-family:SF Pro;font-size:1rem;font-weight:800;margin-bottom:.75rem;padding:2rem 1rem;transition:all .2s ease;width:100%}.chat-right-column .right-button-group button:hover{background-color:#ffffffe6}.mood-profile-button,.personality-profile-button{background-color:#279eff;border:none;border-radius:80px;color:#fff;cursor:pointer;display:block;font-size:18px;height:4rem;padding:10px 15px;text-align:center;transition:background-color .3s ease,transform .2s ease;width:80%}.mood-profile-button:hover{background-color:#0056b3;transform:translateY(-2px)}.mood-profile-button:active{background-color:#00408d;transform:translateY(1px)}.mood-profile-button:focus{box-shadow:0 0 5px #007bff99;outline:none}.msg-avatar{align-items:center;align-items:flex-end;background-color:#f0f0f0;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:10px;overflow:hidden;position:relative;width:40px}.msg-avatar img{flex-shrink:0;height:100%;margin-left:10px;margin-right:10px;object-fit:cover;width:100%}.edit-button{background-color:#000000b3;border:none;border-radius:10px;bottom:5px;color:#fff;cursor:pointer;font-size:10px;left:50%;opacity:0;padding:3px 6px;position:absolute;transform:translateX(-50%);transition:opacity .2s ease-in-out;white-space:nowrap}.msg-avatar:hover .edit-button{opacity:1}@media(max-width:1024px){body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}.body_chat{align-items:center;display:flex;font-family:SF Pro,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden}.mic-button-headphone{display:none}.chatbot-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.msger.compact{margin:50px auto;max-width:80vh}.msger{display:flex;flex-direction:column;height:100%;margin:5px;max-height:100vh;max-width:400px;overflow:hidden;padding-top:0}.msger .msger-header{background:#0000;border-bottom:var(--border);font-family:SF Pro,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:medium;font-size:18px;justify-content:space-between;position:fixed;text-align:center;z-index:10}.msger-inputarea .msger-send-btn{border:none;border-radius:8px;box-shadow:2px 4px 6px #0000004d;color:#fff;cursor:pointer;font-weight:700;height:55px;margin-left:10px;margin-right:10px;padding:10px;transition:background .23s}.tacbox{align-content:center;align-items:center;background-color:#eee;border-radius:8px;display:block;display:flex;flex-direction:column;font-size:2vh;justify-content:center;margin-top:10vh;padding:2em;width:80%}.tacbox,.tacbox p{font-family:SF Pro,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tacbox p{font-size:18px}.tacbox .agree-btn{background:#0678bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;height:2em;margin-top:10px;transition:background .23s;width:5em}.msger-chat{-webkit-overflow-scrolling:touch;flex:1 1;height:auto;margin-top:20px;overflow-y:auto;padding:60px 15px 140px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ddd}::-webkit-scrollbar-thumb{background:#bdbdbd}.msg{align-items:flex-end;display:flex;margin-bottom:10px}.msg .msg-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:40px;margin-right:10px;width:40px}.msg-bubble{background:#ffffff4d;border-radius:15px;flex:1 1;font-family:SF Pro,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;margin-top:3vh;max-width:550px;padding:15px;width:auto}.msg-bubble .msg-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.msg-bubble .msg-info-name{font-weight:700;margin-right:10px}.msg-bubble .msg-info-time{color:#afafaf;font-size:.85em}.msger.compact .msg-bubble{font-size:14px}.right-msg{flex-direction:row-reverse}.right-msg .msg-bubble{background:#f4fbfd!important;background:var(--right-msg-bg)!important;border-bottom-right-radius:0;color:#5a5a5a;color:var(--text-color);padding-top:25px;position:relative}.right-msg .msg-info{justify-content:flex-end}.right-msg .msg-info-time{color:#afafaf;left:15px;position:absolute;top:8px}.right-msg .msg-avatar{margin-left:20px}.api-inputarea{background:#eee;border-top:var(--border);display:flex;padding:10px}.api-inputarea *{border:none;border-radius:3px;font-family:SF Pro,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1em;padding:10px;width:250px}.api-inputarea .api-input{background:#ddd;flex:1 1}.api-inputarea .api-send-btn{background:#0678bf;color:#fff;cursor:pointer;font-weight:700;margin-left:10px;transition:background .23s}.api-inputarea .api-send-btn:hover{background:#30c8d9}.ratings img{cursor:pointer;float:left;height:20px;transition:all .5s}.ratings img:hover{transform:scale(1.3)}.rating-img{font-size:0}.feedback-inputarea{margin-top:5px}.feedback-inputarea input{height:20px;width:40%}.send-correct{background:#e5e3e1;color:#0e0e0e;cursor:pointer;margin-bottom:5px;margin-left:5px;transition:background .23s}.rating-img{height:20px;width:auto}.rating-btn{background:none;border:none;cursor:pointer;padding:0}.rewrite-textarea{width:500px;width:90%}.credits-tab{background-color:#fff;border-radius:8px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:200px}.credits-tab .font{color:#fff;font-size:18px}@media screen and (max-width:768px){.agree-tacbox{background-color:#f4fbfd;border-radius:8px;color:#639eab;margin:0 auto;max-width:350px;padding:20px 20px 50px}.agree-btn-container{margin-top:-10px;text-align:center}.checkbox-container{align-items:flex-start;display:flex;gap:.75rem;width:100%}.checkbox-container input[type=checkbox]{flex:0 0 auto;height:15px;margin-left:10px;margin-top:.25rem;transform:scale(2);width:15px}.checkbox-container label{flex:1 1;font-size:.95rem;line-height:1.45;margin-left:15px;padding-top:5px;text-align:left;white-space:normal;word-break:break-word}.msger-input{min-height:60px}.chat-right-column{max-width:400px;position:absolute;right:0;transition:transform .3s ease}.chat-right-column.hidden{transform:translateX(100%)}.chat-right-column.open{transform:translateX(0)}.chatbot-split-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.chat-left-column{flex:1 1;flex-direction:column;height:100%;order:1;overflow:hidden;padding:.5rem;width:100%}.chat-right-column{background-color:#fff;height:100vh;left:0;overflow-y:auto;padding-bottom:60px;position:fixed;top:0;transform:translateY(0);transition:top .3s ease-in-out;width:100%;z-index:100}.chat-right-column.active{top:-100%;transform:translateY(0)}.toggle-right-column{align-items:center;background-color:#2aabf6e6;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;font-size:22px;height:60px;justify-content:center;position:fixed;right:10px;top:260px;width:60px;z-index:1000}.toggle-right-column .Setting-text{color:#fff;font-family:SF Pro;font-size:12px}.msg-bubble{margin-top:2vh;max-width:95%;padding:10px}.msger-inputarea{padding:0 5px 15px;width:95%}.mic-button,.mic-button-headphone,.send-button{height:50px;margin-left:10px;width:50px}.msger{display:flex;flex-direction:column;height:100%;margin:80px 5px 5px;max-height:100vh;max-width:400px;overflow:hidden}.progress-bar-text-wrapper{margin-left:5%;margin-right:5%;width:90%}.progress-bar-wrapper{width:90%}.msger-chat{-webkit-overflow-scrolling:touch;flex:1 1;height:auto;margin-top:20px;overflow-y:auto;padding:60px 15px 140px}.modal-content{max-width:320px;padding:15px;width:90%}.msg-avatar{height:30px;margin-bottom:5px;width:30px}.msg-avatar img{height:100%;width:100%}.edit-button{font-size:8px;padding:2px 4px}.left-msg{padding-left:0}.left-msg .msg-bubble{margin-left:0}.left-msg .msg-avatar{margin-left:-15px}.checkbox-container{background-color:#ffffff1a;border-radius:8px;margin:4px 0;padding:8px}.consent-label{cursor:pointer;display:block;padding:10px 0}}@media(max-width:991px){.msger-inputarea{bottom:20px;height:70px;left:50%;margin-bottom:15px;margin-top:20px;padding:0 5px 10px;transform:translateX(-50%);width:85%}.msger-input{border-radius:25px;font-size:14px;height:100%!important;line-height:1.4;padding:12px 20px}.mic-button,.mic-button-headphone{display:none}.mobile-send-button{background-color:#24b0d5;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.mobile-send-button:hover{background-color:#1e9bc0}.mobile-send-button:disabled{background-color:#ccc;cursor:not-allowed}.send-button{align-self:center}}@media(max-width:380px){.msger-inputarea{bottom:25px;height:60px;padding:0 3px 8px;width:90%}.msger-input{font-size:13px;padding:10px 15px}.mic-button,.mic-button-headphone,.send-button{height:45px;margin-left:8px;margin-right:8px;width:45px}}.dark-mode .right-msg .msg-bubble{background:#f4fbfd!important;background:var(--right-msg-bg)!important}.dark-mode .left-msg .msg-bubble{background:#fff!important;background:var(--left-msg-bg)!important;border:none}.dark-mode .msger-input::placeholder{color:#afafaf}.dark-mode .msger-inputarea{background:#313132!important;border:1px solid #444}.dark-mode .msger-input{background:#313132!important;border:none;color:#e0e0e0}.dark-mode .modal-backdrop{background-color:#313132}.dark-mode .modal-content{background-color:#2a2a2e;color:#e0e0e0}.dark-mode .modal-content button{background-color:#5a5a5b!important;color:#e0e0e0!important}.dark-mode .modal-content button:hover{background-color:#6a6a6b!important}.dark-mode .settings-card{box-shadow:0 4px 8px #0006}.dark-mode .overlay{background-color:#000000f2}.dark-mode .profile-button,.dark-mode .trait-button{background-color:#5a5a5b!important;color:#e0e0e0!important}.dark-mode .profile-button:hover,.dark-mode .trait-button:hover{background-color:#6a6a6b!important}.dark-mode .profile-button.active,.dark-mode .trait-button.active{background-color:#5a5a5b!important}.dark-mode button:not(.control-button):not(.close-button):not(.send-button):not(.mic-button):not(.mic-button-headphone){background-color:#5a5a5b!important;color:#e0e0e0!important}.dark-mode button:not(.control-button):not(.close-button):not(.send-button):not(.mic-button):not(.mic-button-headphone):hover{background-color:#6a6a6b!important}.dark-mode .mic-button,.dark-mode .mic-button-headphone,.dark-mode .send-button{background-color:#22a699;background-color:var(--button-bg);color:#fff;color:var(--button-text)}.dark-mode .mic-button-headphone:hover,.dark-mode .mic-button:hover,.dark-mode .send-button:hover{opacity:.9}.dark-mode .tacbox{background-color:#2a2a2e;color:#e0e0e0}.dark-mode .session-action-btn:hover,.dark-mode .session-complete-btn:hover{background-color:#3a506b}.dark-mode .body_chat,.dark-mode .chatbot-page,.dark-mode .msger,.dark-mode .msger-chat{background-color:#313132!important}.navbar{align-items:center;background-color:#0000;display:flex;flex-direction:row;flex-wrap:nowrap;font-family:SF Pro;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1000}.navbar.chatbot-navbar{background-color:#22afd4}.navbar.chatbot-navbar .nav-link{color:#fff!important}.navbar .nav-link{color:#fff;display:block;font-family:SF Pro;font-size:16px;font-weight:700;padding:20px 15px;text-decoration:none;transition:color .3s ease-in-out,background-color .3s ease-in-out;white-space:nowrap}.navbar .nav-link:hover{background-color:#0000;text-decoration:underline}.navbar .login-button{background-color:#0000!important}.navbar .login-button .btn-login{background-color:#0000;border:2px solid #fff;border-radius:50px;margin:10px 5px;padding:10px 45px;transition:all .3s ease}.navbar .login-button .btn-login:hover{background-color:#0000;border-color:#fffc;text-decoration:none}.navbar .language-dropdown{background-color:#0000!important}.navbar .language-dropdown .language-toggle{align-items:center;display:flex;gap:8px}.navbar .language-dropdown .language-toggle svg{margin-right:4px}.navbar .language-dropdown .dropdown-menu{background-color:#27b2d5!important;box-shadow:0 4px 20px #0000001a!important;min-width:120px!important}.navbar .user-avatar-nav .avatar-link{padding:5px!important}.navbar .user-avatar-nav .avatar-link .user-avatar-icon{border:2px solid #fffc;border-radius:50%;display:block;height:32px;object-fit:cover;transition:all .3s ease;width:32px}.navbar .user-avatar-nav .avatar-link .user-avatar-icon:hover{border-color:#fff;transform:scale(1.1)}.navbar .user-avatar-nav .avatar-link:hover{text-decoration:none}.navbar .nav-item.logout-button{margin-left:0}.navbar .nav-item.logout-button .nav-link{background-color:#0000;border:none;outline:none}.navbar .nav-item{float:left;margin:0 5px;min-width:-webkit-max-content;min-width:max-content;padding:0}.navbar .menu{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin-left:20px}.navbar ul.navbar-nav.main-nav{gap:5px;justify-content:flex-start;margin:0 0 0 20px}.navbar ul.navbar-nav.main-nav,.navbar ul.navbar-nav.right-nav{align-items:center;display:flex;flex-wrap:nowrap;list-style:none;padding:0}.navbar ul.navbar-nav.right-nav{gap:10px;justify-content:flex-end;margin:0}.navbar li{margin:0;padding:0}.navbar.reduced-spacing .menu{margin-left:10px}.navbar.reduced-spacing ul.navbar-nav.main-nav{margin-left:5px}.navbar.reduced-spacing .navbar-logo{margin-right:10px}.navbar-logo{align-items:center;display:flex;margin-left:40px;margin-right:20px;padding:10px 0}.navbar-logo a{text-decoration:none}.navbar-logo .logo-text{display:flex;flex-direction:column}.navbar-logo .logo-text h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:1px;line-height:1;margin:0}.navbar-logo .logo-text span{color:#fff;font-size:12px;font-weight:500;letter-spacing:1px}@media(min-width:768px)and (max-width:1024px){.navbar-logo{margin-left:80px;margin-right:40px}}.navbar.scrolled{background-color:#22afd4f2;box-shadow:0 2px 10px #0000001a}#navbarSupportedContent a:not(:only-child):after{content:"";font-family:Font Awesome\ 5 Free;font-size:14px;font-weight:900;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease}#navbarSupportedContent .active>a:not(:only-child):after{transform:translateY(-50%) rotate(90deg)}@media(min-width:1201px){.navbar-logo{margin-left:80px;margin-right:40px}}.burger-menu-toggle,.mobile-profile-avatar{display:none}@media(min-width:769px){.menu{display:flex;flex:1 1}}.menu ul.navbar-nav{display:flex;flex-direction:row}@media(max-width:768px){body{padding-top:70px}.navbar{align-items:center;background-color:#22afd4!important;height:auto;min-height:60px;padding:10px}.navbar-logo{flex-grow:1;margin:0 0 0 40px;order:2;text-align:center}.navbar-logo .logo-text h1{font-size:20px}.navbar-logo .logo-text span{font-size:10px}.burger-menu-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:22px;order:1;z-index:1100}.burger-menu-toggle .burger-icon{color:#fff;margin-right:6px}.burger-menu-toggle .menu-text{color:#fff;font-family:SF Pro;font-size:16px;font-weight:500;white-space:nowrap}.menu{background-color:#24b0d5!important;display:none!important;flex-direction:column;left:-10px;max-height:calc(100vh - 60px);overflow-y:auto;position:fixed;top:60px;width:100%;z-index:1000}.menu.open{display:flex!important}.menu ul.navbar-nav.main-nav,.menu ul.navbar-nav.right-nav{flex-direction:column;padding:10px 0;width:100%}.menu ul.navbar-nav.main-nav .nav-item,.menu ul.navbar-nav.right-nav .nav-item{float:none;margin:0;width:100%}.menu ul.navbar-nav.main-nav .dropdown-toggle,.menu ul.navbar-nav.main-nav .nav-link,.menu ul.navbar-nav.right-nav .dropdown-toggle,.menu ul.navbar-nav.right-nav .nav-link{border-bottom:none;color:#fff;font-size:14px;padding:15px;text-align:left;width:100%}.menu ul.navbar-nav.main-nav .language-toggle,.menu ul.navbar-nav.right-nav .language-toggle{font-size:12px;justify-content:flex-start;text-align:left}.menu ul.navbar-nav.main-nav .btn-login,.menu ul.navbar-nav.right-nav .btn-login{border:2px solid #fff;border-radius:25px;margin:10px 15px;text-align:center;width:calc(100% - 30px)}.menu .user-avatar-nav .avatar-link{align-items:center;display:flex;justify-content:flex-start;padding:10px 15px!important}.menu .user-avatar-nav .avatar-link .user-avatar-icon{height:28px;margin-right:10px;width:28px}.menu .user-avatar-nav .avatar-link:after{color:#fff;content:"My Profile";font-size:16px;font-weight:700}.nav-item.dropdown .dropdown-toggle{align-items:center;display:flex;justify-content:flex-start;width:100%}.nav-item.dropdown .dropdown-toggle:after{margin-left:8px}.nav-item.dropdown .dropdown-menu{background-color:#22afd4;border-radius:0;box-shadow:none;display:none;padding:0;position:static;transform:none;width:100%}.nav-item.dropdown .dropdown-menu.show{display:block}.nav-item.dropdown .dropdown-menu:before{display:none}.nav-item.dropdown .dropdown-menu .dropdown-item{background:none;border:none;color:#fff;font-size:14px;padding:12px 15px;text-align:left;width:100%}.nav-item.dropdown .dropdown-menu .dropdown-item:hover{background-color:#ffffff1a;padding-left:20px}.nav-item.dropdown .dropdown-menu .dropdown-item.selected{background-color:#fff3;font-weight:700}.mobile-profile-avatar{align-items:center;display:flex;margin-right:10px;order:4}.mobile-profile-avatar .mobile-profile-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.mobile-profile-avatar .mobile-profile-button .mobile-user-avatar-icon{border:2px solid #fff;border-radius:50%;height:32px;object-fit:cover;width:32px}.mobile-profile-avatar .mobile-profile-button .mobile-user-avatar-icon:hover{border-color:#22afd4}}.mobile-language-selector{display:none}@media(max-width:768px){.mobile-language-selector{display:block;list-style:none;margin:0;order:3;padding:0}.mobile-language-selector:not(.logged-in){margin-left:auto;margin-right:10px}.mobile-language-selector.logged-in{left:50%;margin:0;position:absolute;transform:translateX(-50%)}.mobile-language-selector .language-dropdown{background-color:#0000!important}.mobile-language-selector .language-toggle{align-items:center;color:#fff;display:flex;font-size:12px;gap:4px;padding:5px}.mobile-language-selector .language-toggle svg{height:16px;width:16px}.mobile-language-selector .dropdown-menu{background-color:#22afd4!important;left:auto;right:0;transform:none}}.nav-item.dropdown{position:relative}.nav-item.dropdown .dropdown-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:SF Pro;font-size:16px;font-weight:700;padding:20px;text-decoration:none;transition:all .3s ease}.nav-item.dropdown .dropdown-toggle:hover{background-color:#0000;text-decoration:underline}.nav-item.dropdown .dropdown-toggle:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid;content:"";display:inline-block;margin-left:8px;transition:transform .3s ease;vertical-align:middle}.nav-item.dropdown .dropdown-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.nav-item.dropdown .dropdown-menu{background-color:#22afd4;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:none;left:50%;margin:0;min-width:280px;opacity:0;padding:12px 0;position:absolute;top:calc(100% + 5px);transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:1000}.nav-item.dropdown .dropdown-menu.show{display:block;opacity:1}.nav-item.dropdown .dropdown-menu:before{display:none}.nav-item.dropdown .dropdown-menu .dropdown-item{background:none;border:0;clear:both;color:#fff;display:block;font-size:15px;padding:12px 24px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:85%}.nav-item.dropdown .dropdown-menu .dropdown-item:focus,.nav-item.dropdown .dropdown-menu .dropdown-item:hover{background-color:#ffffff1a;color:#fff;padding-left:28px}.nav-item.dropdown .dropdown-menu .dropdown-item.selected{background-color:#fff3;font-weight:700}.nav-item.dropdown .dropdown-menu .dropdown-item:not(:last-child){border-bottom:1px solid #ffffff1a}.dropdown-item,.dropdown-toggle,.nav-link{white-space:normal;word-break:keep-all}.logout-modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.logout-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:300px;padding:20px;text-align:center;width:90%}.logout-modal-content p{color:#162133;font-family:SF Pro;font-size:16px;margin-bottom:20px}.logout-modal-content .logout-modal-buttons{display:flex;gap:15px;justify-content:center}.logout-modal-content .logout-modal-buttons button{border:none;border-radius:4px;cursor:pointer;font-family:SF Pro;font-size:14px;padding:8px 20px;transition:background-color .2s ease}.logout-modal-content .logout-modal-buttons button.btn-confirm{background-color:#ff6b6b;color:#fff}.logout-modal-content .logout-modal-buttons button.btn-confirm:hover{background-color:#ff3838}.logout-modal-content .logout-modal-buttons button.btn-cancel{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057}.logout-modal-content .logout-modal-buttons button.btn-cancel:hover{background-color:#e9ecef}.dark-mode .navbar,.dark-mode .navbar.chatbot-navbar,.dark-mode .navbar.scrolled{background-color:#313132!important}.dark-mode .navbar .nav-item.dropdown .dropdown-menu{background-color:#313132!important;border:1px solid #444;box-shadow:0 4px 20px #0006!important}.dark-mode .navbar .nav-item.dropdown .dropdown-menu .dropdown-item{border-bottom:1px solid #444!important;color:#e0e0e0!important}.dark-mode .navbar .nav-item.dropdown .dropdown-menu .dropdown-item:focus,.dark-mode .navbar .nav-item.dropdown .dropdown-menu .dropdown-item:hover{background-color:#3a3a3e!important;color:#e0e0e0!important}.dark-mode .navbar .nav-item.dropdown .dropdown-menu .dropdown-item.selected{background-color:#2a2a2e!important;color:#e0e0e0!important}@media(max-width:768px){.dark-mode .navbar{background-color:#313132!important}.dark-mode .navbar .menu{background-color:#313132f2!important}}body,html{height:100%;overflow-x:hidden}#root,body{display:flex;flex-direction:column;min-height:100vh}#root,main{flex:1 0 auto}main{display:flex;flex-direction:column}.front-footer{background-color:#66b8d0;bottom:0;flex-shrink:0;font-family:Poppins;font-size:14px;font-weight:300;left:0;line-height:1.6;padding:2rem 0;position:relative;right:0;text-align:center;width:100%}.front-footer .footer-icons{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.front-footer .footer-icons .icon-circle{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.front-footer .footer-icons .icon-circle img{height:30px;width:30px}.front-footer .footer-links{display:flex;gap:3rem;justify-content:center;margin-bottom:1rem}.front-footer .footer-links .footer-link{color:#fff;text-decoration:none}.front-footer .footer-links .footer-link:hover{text-decoration:underline}.front-footer .footer-bottom p{color:#fafafc;font-weight:20;margin:0;text-align:center}@media only screen and (max-width:1024px){body,html{height:100%;overflow-x:hidden}#root,body{display:flex;flex-direction:column;min-height:100vh}#root,main{flex:1 0 auto}main{display:flex;flex-direction:column}.front-footer{bottom:0;flex-shrink:0;font-size:14px;left:0;padding:1.5rem 0;position:relative;right:0;width:100%}.front-footer .footer-icons{gap:1rem}.front-footer .footer-links{flex-direction:column;gap:.5rem}}.team_image{float:left;margin-right:20px}.research-page-body{margin:0}.intro-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto 20px;min-height:10vh;overflow-y:auto;padding-top:80px;width:80%}.intro-container .introduction{font-family:SF Pro}.intro-container .introduction .subpage-heading{color:#096278;font-family:Poppins;font-weight:500;margin-bottom:30px;margin-top:50px}.intro-container .introduction p{font-family:Poppins;font-size:18px;font-weight:300;line-height:1.6;margin-bottom:20px;margin-top:20px}.social-link{color:#096278;font-weight:700;text-decoration:none}@media only screen and (max-width:1024px){.intro-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto 20px;min-height:10vh;overflow-y:auto;padding-top:10px;width:100%}.intro-container .introduction{font-family:Poppins;font-size:20px!important}.intro-container .introduction .subpage-heading{color:#096278;font-family:Poppins;font-weight:500;margin-bottom:30px;margin-top:50px}.intro-container .introduction p{font-family:Poppins;font-size:18px;font-weight:300;line-height:1.6;margin-bottom:20px;margin-top:20px}}.research-page-body{font-family:Poppins;height:100%;overflow:hidden;padding:0}.research-style{font-family:Poppins;padding-left:15vw;padding-right:15vw;padding-top:80px}.research-style ul{list-style-type:disc;padding-left:20px}.research-style .subpage-heading{color:#096278;font-family:Poppins;font-size:32px;font-weight:500;margin-bottom:30px;margin-top:50px}.research-style .research-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.research-style .research-subheading{font-family:Poppins}.research-style .research-subheading h3{color:#096278;margin-bottom:20px}.research-style .research-subheading h4{color:#6f8d94;margin-bottom:1vh}.research-style .research-subheading img{border-radius:8px;float:left;height:300px;margin-right:25px;object-fit:cover;width:350px}.research-style p{color:#333;font-family:Arial!important;font-family:Poppins;font-size:18px;font-weight:300;line-height:1.6}@media only screen and (max-width:1024px){.research-style{font-family:Poppins}.research-style ul{list-style-type:disc;padding-left:20px}.research-style .subpage-heading{color:#096278;font-family:Poppins;font-size:32px;font-weight:500;margin-top:50px;width:110%}.research-style .research-container{display:flex;flex-wrap:wrap;gap:10px;margin-left:-20px;width:50% x}.research-style .research-subheading{font-family:Poppins}.research-style .research-subheading h3{color:#096278;margin-bottom:20px}.research-style .research-subheading h4{color:#6f8d94;margin-bottom:1vh}.research-style .research-subheading img{border-radius:8px;float:left;height:250px;margin-right:25px;object-fit:cover;width:300px}.research-style p{color:#333;font-family:Arial;font-family:Poppins;font-size:18px;font-weight:300;line-height:1.6}}.form-and-chat{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100%}.login-page-container{background:url(/static/media/login.6b9f6ceb7ce3239ef723.png) no-repeat 50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh;padding-top:60px}input::placeholder{color:#fffc;font-family:Arial;font-size:14px}input:focus::placeholder{color:#ffffff4d}.loading-popup{font-family:Poppins;z-index:100}.loading-popup .loading-content button{background-color:#1e2246;border-radius:5px;font-size:16px;margin-top:10px;transition:background-color .3s ease}.login-page{background:#0000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.login-container,.login-page{align-items:center;display:flex}.login-container{gap:100px;height:100vh;max-width:1200px;width:100%}.login-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:400px}.welcome-title{color:#fff;font-size:30px;font-weight:600;margin-bottom:20px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.email-input,.password-input{background:#50b4ce;padding:16px 20px}.login-button{background:#22afd4;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin:10px auto 0;padding:16px;transition:all .3s ease;width:90%}.login-button:hover{background:#1e9bc4;box-shadow:0 4px 12px #22afd44d;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.signup-button{background:#0000;border:1px solid #639eab;border-radius:30px;color:#22afd4;cursor:pointer;font-size:18px;font-weight:600;margin:0 auto;padding:16px;transition:all .3s ease;width:90%}.signup-button:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-2px)}.signup-button:active{transform:translateY(0)}.forgot-password-link{color:#177085;font-size:16px;font-weight:600;margin-top:20px;text-align:center;text-decoration:none;transition:color .3s ease}.forgot-password-link:hover{color:#0f5a6b;text-decoration:underline}.error-message,.error-message p{border:none!important}.error-message p{color:#ffcdd2}.terms-link{background-color:#fff;border-radius:10px;color:blue;cursor:pointer;display:inline-block;font-weight:700;margin:2vh;padding:.5em 1em;text-decoration:none}.modal{background-color:#00000080;bottom:0;right:0}.modal .modal-content{background:#fff;border-radius:5px;padding:20px;width:100%}.modal .modal-actions{text-align:center}.modal .button-container{display:flex;flex-direction:row;gap:6vw;justify-content:center;margin-top:2vh}.modal .button-container .agree-button{background-color:#79ccd5;border:none;border-radius:5px;font-family:Arial;height:6vh;width:10vw}.modal .button-container .disagree-button{background-color:#fb7684;border:none;border-radius:5px;font-family:Arial;height:6vh;width:10vw}.modal .termsCondition{font-family:SF Pro;overflow-y:scroll;padding:5vh 10vh 0;text-align:left}.privacy-policy,.termsCondition{display:flex;flex-direction:column;font-family:SF Pro!important;margin:auto;max-width:1200px;min-height:100vh;overflow-y:hidden;width:80%}.privacy-policy .headline,.termsCondition .headline{color:#162133;font-family:SF Pro;font-size:40px;margin-top:10vh}.privacy-policy .subheadline,.termsCondition .subheadline{color:#3d5a8a;font-size:25px}.privacy-policy .subheadline2,.termsCondition .subheadline2{color:#416193;font-size:20pv;font-size:20px}.privacy-policy .application-list,.termsCondition .application-list{color:#040404}.privacy-policy .paragraph,.termsCondition .paragraph{font-size:20px}.privacy-policy .paragraph-strong,.termsCondition .paragraph-strong{font-size:25px;font-weight:700}.privacy-policy .underline-paragraph,.termsCondition .underline-paragraph{font-size:25px;text-decoration:underline}.privacy-policy ul,.termsCondition ul{padding-left:5vh}.privacy-policy li,.termsCondition li{font-size:20px}.privacy-footer{margin-top:10vh}.checkbox-container{justify-content:flex-start;margin-bottom:10px;margin-right:300px}.checkbox-container .checkbox-label{color:#fff;display:inline-block;font-family:Arial;margin-left:10px;margin-right:-240px;white-space:nowrap;width:200px}.checkbox-container .checkbox-field{-webkit-appearance:none;appearance:none;border:1px solid #5c3030;border-radius:1px;height:20px;margin-right:10px;width:20px}.checkbox-container .checkbox-field:checked{background-color:#0669bf}.errorMessage{color:#fffc;font-family:Arial;font-size:16px;margin-bottom:5px;margin-right:20px;margin-top:20px}.page-container{align-items:center;background-color:#1e2246;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.signUpText{color:#fff;font-size:5vh;margin-top:20vh}.testRegistrationForm{align-items:center;font-size:30px;justify-content:center;min-height:100vh}.testRegistrationForm .registration-container{text-align:center}.testRegistrationForm .registration-container .emailInput,.testRegistrationForm .registration-container .emailLabel{border-radius:8px;margin-right:1vh;margin-top:20vh;padding:1vh 2vh}.testRegistrationForm .submitButton{background-color:#007bff;border:none;border-radius:8px;color:#fff;padding:1vh 2vh}.apple-sign-in-button{align-items:center;background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-top:10px;padding:15px;transition:background-color .3s ease;width:100%}.apple-sign-in-button:hover{background:#333}@media only screen and (max-width:1024px){.download-popup{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;max-width:400px;padding:20px;text-align:center;width:80%}.popup-content p{color:#333;font-family:Poppins;font-size:18px;margin-bottom:20px;text-align:center}.continue-button,.download-button{background-color:#007aff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins;font-size:14px;margin:5px;padding:10px 20px;transition:background-color .3s ease}.download-button:hover{background-color:#005bb5}.close-button{background-color:#ccc;color:#333}.close-button:hover{background-color:#999}.modal .button-container .agree-button,.modal .button-container .disagree-button{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;margin-right:0;min-width:100px;text-align:center;width:80px}.modal .termsCondition{font-size:14px;padding:20px 15px}.modal .termsCondition .headline{font-size:24px;margin-top:5vh}.modal .termsCondition .subheadline{font-size:18px}.modal .termsCondition .subheadline2{font-size:16px}.modal .termsCondition .paragraph,.modal .termsCondition li{font-size:14px}.modal .termsCondition .paragraph-strong,.modal .termsCondition .underline-paragraph{font-size:16px}.modal .modal-content{max-height:80vh;overflow-y:auto;padding:15px}}@media(max-width:600px){.checkbox-container{background:#0000;display:flex;margin-bottom:10px;margin-left:-30px}}.checkbox-container input[type=checkbox].checkbox-field{-webkit-appearance:none;appearance:none;border-radius:3px;box-sizing:border-box;cursor:pointer;height:18px!important;margin:0 10px 0 0;padding:0!important;width:18px!important}.checkbox-container input[type=checkbox].checkbox-field:checked{background:#0669bf}@media(max-width:768px){.login-container{flex-direction:column;gap:20px;height:auto;min-height:100vh}.left-section{flex:0 0 auto;padding:10px 20px 5px}.character-image{margin-bottom:0;max-width:250px}.right-section{padding:5px 20px 20px}.login-form-container{padding:20px 20px 30px}.welcome-title{font-size:36px;margin-bottom:30px;margin-top:0}.checkbox-container{align-items:center;display:flex;justify-content:center;margin:10px auto 10px 0;max-width:100%;text-align:center}.checkbox-container input[type=checkbox].checkbox-field{flex-shrink:0;height:14px!important;margin:0 8px 0 0;width:14px!important}.checkbox-container .checkbox-label{word-wrap:break-word;font-size:14px;line-height:1.4;margin-left:0;margin-right:0;text-align:left;white-space:normal}}.download-popup{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;max-width:400px;padding:20px;text-align:center;width:80%}.popup-content p{color:#333;font-family:Poppins;font-size:18px;margin-bottom:20px;text-align:center}.continue-button,.download-button{background-color:#007aff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins;font-size:14px;margin:5px;padding:10px 20px;transition:background-color .3s ease}.continue-button:hover,.download-button:hover{background-color:#005bb5}.settings-page{background-color:#fff;font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px 0}.settings-page .settings-container{background-color:#fff;border-radius:15px;display:flex;margin:4rem 0 0;max-width:none;min-height:80vh;overflow:hidden;width:100%}.settings-page .settings-container .sidebar{background-color:#f7fbfc;padding:30px 0;width:280px}.settings-page .settings-container .sidebar .sidebar-tab{background-color:#f7fbfc;border-radius:0 40px 40px 0;padding:30px 0;width:280px}.settings-page .settings-container .sidebar h2{color:#333;font-size:24px;font-weight:600;margin:0 0 30px;padding:0 30px}.settings-page .settings-container .sidebar .menu-category{margin-bottom:25px}.settings-page .settings-container .sidebar .menu-category h3{color:#888;font-size:14px;font-weight:500;margin:0 0 10px;padding:0 30px;text-transform:uppercase}.settings-page .settings-container .sidebar .menu-category ul{list-style:none;margin:0;padding:0}.settings-page .settings-container .sidebar .menu-category ul li{align-items:center;color:#555;cursor:pointer;display:flex;font-size:16px;padding:12px 30px;transition:all .2s ease}.settings-page .settings-container .sidebar .menu-category ul li .icon{font-size:18px;margin-right:10px}.settings-page .settings-container .sidebar .menu-category ul li .menu-icon{margin-right:20px;width:24px}.settings-page .settings-container .sidebar .menu-category ul li:hover{background-color:#f5f9ff;border-radius:30px}.settings-page .settings-container .sidebar .menu-category ul li.active{background-color:#fefefe;border-radius:30px;color:#4aa8c4;font-weight:500;position:relative}.settings-page .settings-container .sidebar .menu-category ul li.active:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.settings-page .settings-container .sidebar .menu-category ul li.locked{color:#bbb;cursor:not-allowed;position:relative}.settings-page .settings-container .sidebar .menu-category ul li.locked:hover{background-color:#f9f9f9}.settings-page .settings-container .sidebar .menu-category ul li.locked:after{content:"🔒";font-size:14px;margin-left:auto}.settings-page .settings-container .sidebar .menu-category ul li.locked.active{background-color:#f9f9f9;color:#bbb}.settings-page .settings-container .sidebar .menu-category ul li.locked.active:before{background-color:#bbb}.settings-page .settings-container .sidebar .menu-category.danger{margin-top:40px}.settings-page .settings-container .sidebar .menu-category.danger li{color:#ff4d4f}.settings-page .settings-container .sidebar .menu-category.danger li:hover{background-color:#fff1f0}.settings-page .settings-container .sidebar .menu-category.danger li.active{background-color:#fff1f0;color:#ff4d4f}.settings-page .settings-container .sidebar .menu-category.danger li.active:before{background-color:#ff4d4f}.settings-page .settings-container .display-form{background-color:#f9fafb;border-radius:40px;padding:20px}.settings-page .settings-container .field-message{color:#80a0b7}.settings-page .settings-container .content-area{flex:1 1;min-width:0;overflow:auto;padding:30px 40px;position:relative}.settings-page .settings-container .content-area .page-header-with-notification{align-items:center;display:flex;justify-content:flex-end;margin-bottom:20px;position:relative;right:auto;top:auto}.settings-page .settings-container .content-area .page-header-with-notification .notification-icon-container{position:static}.settings-page .settings-container .content-area .page-header-with-notification .notification-icon-container .notification-icon{border-radius:50%;cursor:pointer;font-size:1.2rem;padding:8px;position:relative;transition:background-color .2s ease}.settings-page .settings-container .content-area .page-header-with-notification .notification-icon-container .notification-icon:hover{background-color:#22afd41a}.settings-page .settings-container .content-area .page-header-with-notification .notification-icon-container .notification-icon img{height:18px;width:18px}.settings-page .settings-container .content-area .page-header-with-notification .notification-icon-container .notification-icon .notification-badge{align-items:center;background-color:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:600;height:16px;justify-content:center;line-height:1;min-width:16px;position:absolute;right:3px;top:3px}.settings-page .settings-container .content-area .settings-content{max-width:none}.settings-page .settings-container .content-area .settings-content .profile-header{align-items:center;display:flex;margin-bottom:40px}.settings-page .settings-container .content-area .settings-content .profile-header .profile-avatar{border-radius:50%;height:230px;margin-right:30px;overflow:hidden;width:230px}.settings-page .settings-container .content-area .settings-content .profile-header .profile-avatar img{height:100%;object-fit:cover;width:100%}.settings-page .settings-container .content-area .settings-content .profile-header .profile-info h2{color:#333;font-size:28px;margin:0 0 10px}.settings-page .settings-container .content-area .settings-content .profile-header .update-profile-btn{background-color:#4a8eff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.settings-page .settings-container .content-area .settings-content .profile-header .update-profile-btn:hover{background-color:#3a7ee0}.settings-page .settings-container .content-area .settings-content .profile-form .form-row{display:flex;gap:20px;margin-bottom:20px}.settings-page .settings-container .content-area .settings-content .profile-form .form-row .form-group{flex:1 1}.settings-page .settings-container .content-area .settings-content .profile-form .form-row .form-group label{color:#666;display:block;font-size:14px;margin-bottom:8px}.settings-page .settings-container .content-area .settings-content .profile-form .form-row .form-group input,.settings-page .settings-container .content-area .settings-content .profile-form .form-row .form-group select{border:1px solid #ddd;border-radius:15px;color:#333;font-size:16px;padding:20px;transition:border-color .2s;width:80%}.settings-page .settings-container .content-area .settings-content .profile-form .form-row .form-group input:focus,.settings-page .settings-container .content-area .settings-content .profile-form .form-row .form-group select:focus{border-color:#4a8eff;outline:none}.settings-page .settings-container .content-area .settings-content .profile-form .form-row .form-group .select-wrapper{position:relative}.settings-page .settings-container .content-area .settings-content .profile-form .form-row .form-group .select-wrapper:after{color:#888;content:"▼";font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.settings-page .settings-container .content-area .settings-content .profile-form .form-row .form-group .select-wrapper select{-webkit-appearance:none;appearance:none;padding-right:30px}.delete-account-content{margin:0 auto;max-width:700px;padding:2rem}.delete-account-content h2{color:#333;font-size:1.8rem;font-weight:500;margin-bottom:1.5rem}.delete-account-content .warning-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.delete-account-content .warning-box .warning-icon{font-size:2rem;margin-bottom:.5rem}.delete-account-content .warning-box h3{color:#e74c3c;font-size:1.4rem;font-weight:500;margin-bottom:.5rem}.delete-account-content .warning-box p{color:#555;line-height:1.6;margin-bottom:1.5rem}.delete-account-content .warning-box .confirmation-box{margin-top:1rem}.delete-account-content .warning-box .confirmation-box label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.delete-account-content .warning-box .confirmation-box input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.delete-account-content .warning-box .confirmation-box input:focus{border-color:#4e89e8;box-shadow:0 0 0 2px #4e89e833;outline:none}.delete-account-content .warning-box .action-buttons{display:flex;gap:1rem;margin-top:1rem}.delete-account-content .warning-box .action-buttons button{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.delete-account-content .warning-box .action-buttons button:focus{outline:none}.delete-account-content .warning-box .action-buttons .cancel-button{background-color:#f1f1f1;border:none;color:#333}.delete-account-content .warning-box .action-buttons .cancel-button:hover{background-color:#e5e5e5}.delete-account-content .warning-box .action-buttons .delete-button{background-color:#e74c3c;border:none;color:#fff}.delete-account-content .warning-box .action-buttons .delete-button:hover:not(:disabled){background-color:#c0392b}.delete-account-content .warning-box .action-buttons .delete-button:disabled{cursor:not-allowed;opacity:.6}.sidebar .menu-category ul li.locked{color:#aaa;cursor:not-allowed;opacity:.6}.locked-tooltip{background-color:#333;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.85rem;padding:8px 12px;white-space:nowrap;z-index:1001}.locked-tooltip:after{border:6px solid #0000;border-top-color:#333;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}@media(max-width:768px){.delete-account-content,.delete-account-content .warning-box{padding:1.5rem}.delete-account-content .action-buttons{flex-direction:column}.delete-account-content .action-buttons button{width:100%}}body{background-color:#f0f8ff}.delete-account-container{display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.delete-account-container .page-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.delete-account-container .page-header .back-button{align-items:center;color:#4e89e8;display:flex;font-weight:500;gap:.5rem;text-decoration:none}.delete-account-container .page-header .back-button:hover{text-decoration:underline}@media(max-width:768px){.settings-page .settings-container{flex-direction:column}.settings-page .settings-container .sidebar{display:none}.settings-page .settings-container .content-area{padding:20px;width:100%}.settings-page .settings-container .content-area .page-header-with-notification{align-items:center;display:flex;justify-content:flex-end;margin-bottom:20px;position:relative;right:auto;top:auto}.settings-page .settings-container .content-area .page-header-with-notification .notification-icon-container{position:static}.settings-page .settings-container .content-area .settings-content .profile-header{flex-direction:column;text-align:center}.settings-page .settings-container .content-area .settings-content .profile-header .profile-avatar{margin:0 auto -120px}.settings-page .settings-container .content-area .settings-content .profile-form .form-row{flex-direction:column;gap:15px}.mobile-nav-overlay{align-items:flex-start;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding-top:60px;position:fixed;right:0;top:0;z-index:2000}.mobile-nav-popup{background-color:#fff;border-radius:15px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:400px;overflow-y:auto;width:90%}.mobile-nav-popup .mobile-nav-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:20px 25px}.mobile-nav-popup .mobile-nav-header h2{color:#22afd4;font-size:20px;font-weight:600;margin:0}.mobile-nav-popup .mobile-nav-header .close-mobile-nav{align-items:center;background:none;border:none;border-radius:50%;color:#000!important;cursor:pointer;display:flex;font-size:1.5rem!important;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.mobile-nav-popup .mobile-nav-header .close-mobile-nav:hover{background-color:#f5f5f5}.mobile-nav-popup .mobile-nav-content{padding:10px 0 20px}.mobile-nav-popup .mobile-nav-content .menu-category{margin-bottom:20px}.mobile-nav-popup .mobile-nav-content .menu-category h3{color:#888;font-size:12px;font-weight:500;margin:0 0 8px;padding:0 25px;text-transform:uppercase}.mobile-nav-popup .mobile-nav-content .menu-category ul{list-style:none;margin:0;padding:0}.mobile-nav-popup .mobile-nav-content .menu-category ul li{align-items:center;color:#555;cursor:pointer;display:flex;font-size:15px;padding:12px 25px;transition:all .2s ease}.mobile-nav-popup .mobile-nav-content .menu-category ul li .menu-icon{height:20px;margin-right:15px;object-fit:contain;width:20px}.mobile-nav-popup .mobile-nav-content .menu-category ul li:hover{background-color:#f5f9ff}.mobile-nav-popup .mobile-nav-content .menu-category ul li.active{background-color:#f0f8ff;color:#22afd4;font-weight:500}.mobile-nav-popup .mobile-nav-content .menu-category ul li.locked{color:#aaa;cursor:not-allowed;opacity:.6}}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#000!important;cursor:pointer;display:flex;font-size:1.5rem!important;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.close-button:hover{background-color:#f5f5f5}.welcome-page{background-color:#f9fafb;display:flex;flex-direction:column;padding:30px}.welcome-page .welcome-container{align-items:flex-start;display:flex;flex-direction:column;width:100%}.welcome-page .welcome-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px;width:100%}.welcome-page .welcome-header .welcome-title-section{flex:1 1}.welcome-page .welcome-header h1{color:#177085;font-size:2rem;font-weight:600;margin-bottom:1rem}.welcome-page .welcome-header p{color:#639eab;font-size:1.1rem;line-height:1.6;margin:0;max-width:800px}.welcome-page .welcome-header h2{color:#4aa8c4;font-size:28px;font-weight:600;margin-bottom:15px}.welcome-page .welcome-header .welcome-message{color:#555;font-size:16px;line-height:1.5;margin-bottom:20px;max-width:800px}.welcome-page .welcome-header .notification-icon-container{align-items:flex-start;display:flex;margin-top:10px}.welcome-page .welcome-header .notification-icon-container .notification-icon{border-radius:50%;cursor:pointer;font-size:1.5rem;padding:8px;position:relative;transition:background-color .2s ease}.welcome-page .welcome-header .notification-icon-container .notification-icon:hover{background-color:#22afd41a}.welcome-page .welcome-header .notification-icon-container .notification-icon img{height:24px;width:24px}.welcome-page .welcome-header .notification-icon-container .notification-icon .notification-badge{align-items:center;background-color:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:600;height:16px;justify-content:center;line-height:1;min-width:16px;position:absolute;right:3px;top:3px}.welcome-page .suggested-path{background-color:#e8f7fc;border-radius:16px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;padding:25px 30px;width:95%}.welcome-page .suggested-path h3{color:#4aa8c4;font-size:20px;font-weight:600;margin-bottom:25px}.welcome-page .suggested-path .suggested-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.welcome-page .suggested-path .suggested-step{align-items:flex-start;display:flex}.welcome-page .suggested-path .suggested-step .step-number{align-items:center;background-color:#4aa8c4;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;margin-right:15px;width:28px}.welcome-page .suggested-path .suggested-step .step-content .step-title{color:#333;font-size:18px;font-weight:500;margin-bottom:6px}.welcome-page .suggested-path .suggested-step .step-content .step-description{color:#666;font-size:15px;line-height:1.5}.welcome-page .suggested-path .alternative-options{border-top:1px dashed #4aa8c44d;margin-top:25px;padding-top:20px}.welcome-page .suggested-path .alternative-options .alt-title{color:#333;font-size:18px;font-weight:500;margin-bottom:6px}.welcome-page .suggested-path .alternative-options .alt-description{color:#666;font-size:15px;line-height:1.5}.welcome-page .action-buttons-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px;width:100%}@media(min-width:768px){.welcome-page .action-buttons-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.welcome-page .action-buttons-container{grid-template-columns:repeat(2,1fr)}}.welcome-page .action-buttons-container .action-button{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;padding:30px 15px;text-align:center;transition:all .3s ease}.welcome-page .action-buttons-container .action-button:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.welcome-page .action-buttons-container .action-button .button-number{align-items:center;background-color:#ffffff40;border-radius:50%;display:flex;font-size:18px;font-weight:500;height:36px;justify-content:center;margin-bottom:15px;width:36px}.welcome-page .action-buttons-container .action-button .button-text{font-size:18px;font-weight:500}.welcome-page .action-buttons-container .action-button.assessment-button{background-color:#4aa8c4}.welcome-page .action-buttons-container .action-button.chat-button{background-color:#26de81}.welcome-page .action-buttons-container .action-button.journal-button{background-color:#6a89cc}.welcome-page .action-buttons-container .action-button.resources-button{background-color:#ff9f43}@media(max-width:768px){.welcome-page{padding:20px}.welcome-page .welcome-header h2{font-size:24px}.welcome-page .welcome-header .welcome-message{font-size:15px}.welcome-page .suggested-path{padding:15px}.welcome-page .suggested-path h3{font-size:16px}.welcome-page .suggested-path .suggested-step .step-content .step-title{font-size:15px}.welcome-page .suggested-path .suggested-step .step-content .step-description{font-size:13px}.welcome-page .suggested-path .alternative-options .alt-title{font-size:15px}.welcome-page .suggested-path .alternative-options .alt-description{font-size:13px}.welcome-page .action-buttons-container{grid-template-columns:1fr 1fr}.welcome-page .action-buttons-container .action-button{height:100px;padding:15px}.welcome-page .action-buttons-container .action-button .button-text{font-size:14px}}.mindful-sounds-page{padding:30px}.mindful-sounds-page .mindful-container{background-color:#fff;border-radius:20px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:1100px;padding:40px}.mindful-sounds-page .mindful-header{margin-bottom:35px;text-align:center}.mindful-sounds-page .mindful-header h2{color:#333;font-size:32px;font-weight:600;margin-bottom:15px}.mindful-sounds-page .mindful-header p{color:#666;font-size:18px;line-height:1.6}.mindful-sounds-page .category-filter{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:35px}.mindful-sounds-page .category-filter .category-button{background-color:#f9f9f9;border:1px solid #eee;border-radius:30px;color:#555;cursor:pointer;font-size:16px;font-weight:500;padding:10px 24px;transition:all .3s ease}.mindful-sounds-page .category-filter .category-button:hover{background-color:#f0f0f0}.mindful-sounds-page .category-filter .category-button.active{background-color:#4aa8c4;border-color:#4aa8c4;color:#fff}.mindful-sounds-page .sounds-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.mindful-sounds-page .sounds-list .sound-item{align-items:center;background-color:#f5f7fe;border:1px solid #4aa8c41a;border-radius:16px;cursor:pointer;display:flex;padding:20px;transition:all .3s ease}.mindful-sounds-page .sounds-list .sound-item:hover{box-shadow:0 6px 16px #00000012;transform:translateY(-3px)}.mindful-sounds-page .sounds-list .sound-item.active{background-color:#e6f0ff;border-color:#4aa8c44d}.mindful-sounds-page .sounds-list .sound-item .sound-info{flex:1 1}.mindful-sounds-page .sounds-list .sound-item .sound-info h3{color:#333;font-size:18px;font-weight:500;margin:0 0 8px}.mindful-sounds-page .sounds-list .sound-item .sound-info p{color:#666;font-size:14px;margin:0}.mindful-sounds-page .sounds-list .sound-item .sound-play-button{align-items:center;background-color:#4aa8c4;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;margin-left:15px;transition:all .2s ease;width:48px}.mindful-sounds-page .sounds-list .sound-item .sound-play-button:hover{background-color:#3b8a9f;transform:scale(1.05)}.mindful-sounds-page .sounds-list .sound-item .sound-play-button .pause-icon,.mindful-sounds-page .sounds-list .sound-item .sound-play-button .play-icon{font-size:20px;line-height:1;text-align:center}.mindful-sounds-page .player-controls{background-color:#f3f3f3;border-radius:16px;margin-top:20px;padding:25px}.mindful-sounds-page .player-controls .now-playing{margin-bottom:20px;text-align:center}.mindful-sounds-page .player-controls .now-playing h3{color:#333;font-size:20px;font-weight:500;margin:0}.mindful-sounds-page .player-controls .time-control{align-items:center;display:flex;margin-bottom:20px}.mindful-sounds-page .player-controls .time-control span{color:#666;font-size:16px;min-width:50px}.mindful-sounds-page .player-controls .time-control input{-webkit-appearance:none;background:#ddd;border-radius:8px;flex:1 1;height:6px;margin:0 15px;outline:none}.mindful-sounds-page .player-controls .time-control input::-webkit-slider-thumb{-webkit-appearance:none;background:#4aa8c4;border-radius:50%;cursor:pointer;height:18px;width:18px}.mindful-sounds-page .player-controls .persistent-note{color:#666;font-size:14px;font-style:italic;line-height:1.4;margin:15px 0 0;padding:0;text-align:center}.mindful-sounds-page .player-controls .volume-control{align-items:center;display:flex}.mindful-sounds-page .player-controls .volume-control span{color:#666;font-size:16px;min-width:70px}.mindful-sounds-page .player-controls .volume-control input{-webkit-appearance:none;background:#ddd;border-radius:8px;flex:1 1;height:6px;margin-left:15px;outline:none}.mindful-sounds-page .player-controls .volume-control input::-webkit-slider-thumb{-webkit-appearance:none;background:#4aa8c4;border-radius:50%;cursor:pointer;height:18px;width:18px}@media(max-width:768px){.mindful-sounds-page{padding:15px}.mindful-sounds-page .mindful-container{padding:25px}.mindful-sounds-page .mindful-header h2{font-size:26px}.mindful-sounds-page .mindful-header p{font-size:16px}.mindful-sounds-page .sounds-list{grid-template-columns:1fr}.mindful-sounds-page .player-controls{padding:20px}.mindful-sounds-page .player-controls .time-control,.mindful-sounds-page .player-controls .volume-control{align-items:stretch;flex-direction:column}.mindful-sounds-page .player-controls .time-control span,.mindful-sounds-page .player-controls .volume-control span{margin-bottom:8px}.mindful-sounds-page .player-controls .time-control input,.mindful-sounds-page .player-controls .volume-control input{margin:10px 0}}.welcome-content{background-color:#fff;border-radius:20px;margin:0 auto;max-width:none;padding:40px}.welcome-content .welcome-header{margin-bottom:40px;text-align:left}.welcome-content .welcome-header h1{color:#177085;font-size:2rem;font-weight:600;margin-bottom:1rem}.welcome-content .welcome-header p{color:#639eab;font-size:1.1rem;line-height:1.6;margin:0;max-width:800px}.welcome-content .suggested-path-section{margin-bottom:50px}.welcome-content .suggested-path-section h2{color:#177085;font-size:1.5rem;font-weight:800;margin-bottom:1rem}.welcome-content .suggested-path-section>p{color:#639eab;font-size:1rem;line-height:1.6;margin-bottom:30px}.welcome-content .suggested-path-section .steps-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.welcome-content .suggested-path-section .steps-container .step-card{background-color:#f8fafc;border:2px solid #0000;border-radius:15px;display:flex;flex-direction:column;height:350px;padding-bottom:10px;text-align:left;transition:all .3s ease;width:300px}.welcome-content .suggested-path-section .steps-container .step-card:hover{border-color:#4aa8c4;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.welcome-content .suggested-path-section .steps-container .step-card .step-image{display:inline-block;position:relative}.welcome-content .suggested-path-section .steps-container .step-card .step-image img{border-radius:15px 15px 0 0;height:154px;object-fit:cover;width:300px}.welcome-content .suggested-path-section .steps-container .step-card .step-image .step-number{display:none}.welcome-content .suggested-path-section .steps-container .step-card .step-content{display:flex;flex:1 1;flex-direction:column;margin-left:10px}.welcome-content .suggested-path-section .steps-container .step-card .step-content h3{color:#000;font-size:1rem;font-weight:500;margin-bottom:10px}.welcome-content .suggested-path-section .steps-container .step-card .step-content p{color:#afafaf;flex:1 1;font-size:.9rem;line-height:1.5;margin-bottom:20px}.welcome-content .suggested-path-section .steps-container .step-card .step-content .step-button{align-self:center;background-color:#22afd4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:auto;padding:12px 30px;transition:all .3s ease;width:90%}.welcome-content .suggested-path-section .steps-container .step-card .step-content .step-button:hover{background-color:#90d7e9;box-shadow:0 5px 15px #22afd44d;transform:translateY(-2px)}.welcome-content .alternative-section h2{color:#177085;font-size:1.5rem;font-weight:800;margin-bottom:1rem}.welcome-content .alternative-section>p{color:#177085;font-size:1rem;line-height:1.6;margin-bottom:30px}.welcome-content .alternative-section .alternative-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.welcome-content .alternative-section .alternative-card{background-color:#f8fafc;border:2px solid #0000;border-radius:15px;display:flex;flex-direction:column;height:350px;padding-bottom:10px;transition:all .3s ease;width:300px}.welcome-content .alternative-section .alternative-card:hover{border-color:#4aa8c4;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.welcome-content .alternative-section .alternative-card .alternative-image img{border-radius:15px 15px 0 0;height:154px;object-fit:cover;width:300px}.welcome-content .alternative-section .alternative-card .alternative-content{display:flex;flex:1 1;flex-direction:column;margin-left:10px;text-align:left}.welcome-content .alternative-section .alternative-card .alternative-content h3{color:#000;font-size:1rem;font-weight:500;margin-bottom:10px}.welcome-content .alternative-section .alternative-card .alternative-content p{color:#afafaf;flex:1 1;font-size:.8rem;line-height:1.5;margin-bottom:20px}.welcome-content .alternative-section .alternative-card .alternative-content .alternative-button{align-self:center;background-color:#22afd4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:auto;padding:12px 30px;transition:all .3s ease}.welcome-content .alternative-section .alternative-card .alternative-content .alternative-button:hover{background-color:#90d7e9;box-shadow:0 5px 15px #22afd44d;transform:translateY(-2px)}@media(max-width:768px){.welcome-content{margin:10px;padding:20px}.welcome-content .welcome-header h1{font-size:1.5rem}.welcome-content .suggested-path-section .steps-container{gap:20px;grid-template-columns:1fr!important}.welcome-content .suggested-path-section .steps-container .step-card{margin:0 auto;max-width:none!important;width:100%!important}.welcome-content .alternative-section .alternative-container{gap:20px;grid-template-columns:1fr!important}.welcome-content .alternative-section .alternative-container .alternative-card{flex-direction:column;margin:0 auto;max-width:none!important;text-align:left;width:100%!important}.settings-container{flex-direction:column;margin-top:2rem}.settings-container .sidebar{order:2;width:100%}.settings-container .sidebar .sidebar-tab{border-radius:40px 40px 0 0;width:100%}.settings-container .content-area{order:1;padding:15px}}@media(max-width:1024px)and (min-width:769px){.welcome-content .steps-container{gap:25px;grid-template-columns:repeat(2,1fr)}.welcome-content .steps-container .step-card:last-child{grid-column:1/-1;margin:0 auto;max-width:400px}}.traits-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.traits-popup{background-color:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;padding:0;position:relative;width:100%}.traits-popup .traits-popup-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:25px 35px 15px}.traits-popup .traits-popup-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.traits-popup .traits-popup-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#000!important;cursor:pointer;display:flex;font-size:1.5rem!important;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.traits-popup .traits-popup-header .close-button:hover{background-color:#f5f5f5}.traits-popup .traits-avatar-section{align-items:center;display:flex;flex-direction:column;padding:25px 35px 15px}.traits-popup .traits-avatar-section .traits-avatar{border:3px solid #e8f4f7;border-radius:50%;height:70px;margin-bottom:15px;overflow:hidden;width:70px}.traits-popup .traits-avatar-section .traits-avatar img{height:100%;object-fit:cover;width:100%}.traits-popup .traits-avatar-section .change-avatar-btn{background-color:#fff;border:2px solid #22afd4;border-radius:30px;color:#22afd4;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 16px;transition:all .3s ease}.traits-popup .traits-avatar-section .change-avatar-btn:hover{background-color:#22afd4;color:#fff;transform:translateY(-1px)}.traits-popup .traits-description{padding:0 35px 15px;text-align:center}.traits-popup .traits-description p{color:#639eab;font-size:1rem;line-height:1.5;margin:0}.traits-popup .trait-confirmation{padding:0 35px 15px;text-align:center}.traits-popup .trait-confirmation p{background-color:#e8f7fc;border:1px solid #90d7e9;border-radius:12px;color:#22afd4;font-size:.9rem;font-weight:500;margin:0;padding:12px 20px}.traits-popup .traits-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);padding:15px 35px}.traits-popup .traits-grid .trait-card{align-items:flex-start;background-color:#fff;border:2px solid #ebf0f1;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px;position:relative;text-align:left;transition:all .3s ease}.traits-popup .traits-grid .trait-card:hover{background-color:#fff;border-color:#22afd4;box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.traits-popup .traits-grid .trait-card.selected{background-color:#f8fdff;border-color:#22afd4;box-shadow:0 4px 15px #22afd433}.traits-popup .traits-grid .trait-card .selected-indicator{align-items:center;background-color:#22afd4;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:15px;top:15px;width:24px}.traits-popup .traits-grid .trait-card .trait-header{align-items:center;display:flex;gap:12px;width:100%}.traits-popup .traits-grid .trait-card .trait-header .trait-icon{align-items:center;background-color:#fff;border:1px solid #e8f0f1;border-radius:12px;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.traits-popup .traits-grid .trait-card .trait-header .trait-icon img{height:28px;object-fit:contain;width:28px}.traits-popup .traits-grid .trait-card .trait-header h3{color:#333;flex:1 1;font-size:1rem;font-weight:600;margin:0}.traits-popup .traits-grid .trait-card .trait-content{width:100%}.traits-popup .traits-grid .trait-card .trait-content p{color:#639eab;font-size:.85rem;line-height:1.4;margin:0;text-align:left}.traits-popup .traits-popup-footer{border-top:1px solid #f0f0f0;display:flex;justify-content:center;padding:25px 35px}.traits-popup .traits-popup-footer .chat-now-btn{background-color:#22afd4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 35px;transition:all .3s ease}.traits-popup .traits-popup-footer .chat-now-btn:hover{background-color:#1e9bb8;box-shadow:0 8px 20px #22afd44d;transform:translateY(-2px)}@media(max-width:768px){.traits-popup{margin:10px;max-width:95vw}.traits-popup .traits-popup-header{padding:20px 25px 15px}.traits-popup .traits-popup-header h2{font-size:1.3rem}.traits-popup .traits-avatar-section{padding:20px 25px 15px}.traits-popup .traits-avatar-section .traits-avatar{height:60px;width:60px}.traits-popup .traits-description{padding:0 25px 15px}.traits-popup .traits-description p{font-size:.9rem}.traits-popup .traits-grid{gap:15px;grid-template-columns:1fr;padding:15px 25px}.traits-popup .traits-grid .trait-card{padding:20px}.traits-popup .traits-grid .trait-card .trait-header{gap:10px}.traits-popup .traits-grid .trait-card .trait-header .trait-icon{height:40px;width:40px}.traits-popup .traits-grid .trait-card .trait-header .trait-icon img{height:24px;width:24px}.traits-popup .traits-grid .trait-card .trait-header h3{font-size:.95rem}.traits-popup .traits-grid .trait-card .trait-content p{font-size:.8rem}.traits-popup .traits-popup-footer{padding:20px 25px}.traits-popup .traits-popup-footer .chat-now-btn{font-size:.9rem;padding:12px 30px}}@media(max-width:480px){.traits-popup .traits-grid .trait-card{padding:18px}.traits-popup .traits-grid .trait-card .trait-header{gap:8px}.traits-popup .traits-grid .trait-card .trait-header .trait-icon{height:36px;width:36px}.traits-popup .traits-grid .trait-card .trait-header .trait-icon img{height:22px;width:22px}.traits-popup .traits-grid .trait-card .trait-header h3{font-size:.9rem}.traits-popup .traits-grid .trait-card .trait-content p{font-size:.75rem}}.resources-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.resources-popup{background-color:#fff;border-radius:20px;max-height:90vh;max-width:900px;overflow-y:auto;padding:0;position:relative;width:100%}.resources-popup .resources-popup-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:30px 40px 20px}.resources-popup .resources-popup-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.resources-popup .resources-popup-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#000!important;cursor:pointer;display:flex;font-size:1.5rem!important;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.resources-popup .resources-popup-header .close-button:hover{background-color:#f5f5f5}.resources-popup .resources-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);padding:30px 40px}.resources-popup .resources-grid .resource-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:16px;overflow:hidden;transition:all .3s ease}.resources-popup .resources-grid .resource-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.resources-popup .resources-grid .resource-card .resource-image{height:180px;overflow:hidden;width:100%}.resources-popup .resources-grid .resource-card .resource-image img{height:100%;object-fit:cover;width:100%}.resources-popup .resources-grid .resource-card .resource-content{padding:25px}.resources-popup .resources-grid .resource-card .resource-content h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 12px}.resources-popup .resources-grid .resource-card .resource-content p{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 20px}.resources-popup .resources-grid .resource-card .resource-content .read-more-btn{background-color:#22afd4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 25px;transition:all .3s ease}.resources-popup .resources-grid .resource-card .resource-content .read-more-btn:hover{background-color:#1e9bb8;transform:translateY(-1px)}@media(max-width:768px){.resources-popup{margin:10px;max-width:95vw}.resources-popup .resources-popup-header{padding:20px 25px 15px}.resources-popup .resources-popup-header h2{font-size:1.3rem}.resources-popup .resources-grid{gap:20px;grid-template-columns:1fr;padding:20px 25px}.resources-popup .resources-grid .resource-card .resource-image{height:150px}.resources-popup .resources-grid .resource-card .resource-content{padding:20px}.resources-popup .resources-grid .resource-card .resource-content h3{font-size:1.1rem}.resources-popup .resources-grid .resource-card .resource-content p{font-size:.9rem}}.notifications-popup-overlay{align-items:center;background-color:#00000080;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.notifications-popup{background:#fff;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:700px;min-height:400px;width:100%}.notifications-popup,.notifications-popup .notifications-panel{border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.notifications-popup .notifications-panel{box-shadow:none;height:100%;max-height:none}.notifications-popup .notifications-panel .notifications-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 30px 20px}.notifications-popup .notifications-panel .notifications-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.notifications-popup .notifications-panel .notifications-header .notifications-actions{align-items:center;display:flex;gap:16px}.notifications-popup .notifications-panel .notifications-header .notifications-actions .mark-all-read{background:none;border:none;border-radius:6px;color:#22afd4;cursor:pointer;font-size:.95rem;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.notifications-popup .notifications-panel .notifications-header .notifications-actions .mark-all-read:hover{background-color:#22afd41a}.notifications-popup .notifications-panel .notifications-header .notifications-actions .close-notifications{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px}.notifications-popup .notifications-panel .notifications-header .notifications-actions .close-notifications:hover{color:#666}.notifications-popup .notifications-panel .notifications-content{background:#fff;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px 30px}.notifications-popup .notifications-panel .notifications-content .notifications-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item{border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.unread{background-color:#f8fdff;border:1px solid #22afd4}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.unread .notification-title{color:#000;font-weight:600}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.unread .notification-content{color:#5a5a5a}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.unread .notification-date{color:#177085}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.unread:hover{background-color:#f0faff}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.read{background-color:#fff;border:1px solid #e5e5e5}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.read .notification-title{color:#000;font-weight:500}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.read .notification-content{color:#5a5a5a}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.read .notification-date{color:#177085}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.read:hover{background-color:#f9f9f9}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item .notification-title{align-items:flex-start;display:flex;font-size:1rem;gap:8px;line-height:1.4;margin:0 0 8px}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.unread .notification-title:before{color:#22afd4;content:"●";flex-shrink:0;font-size:.8rem;margin-top:4px}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.read .notification-title{padding-left:0}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item .notification-content{font-size:.9rem;line-height:1.5;margin:0 0 8px}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.unread .notification-content{padding-left:16px}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item .notification-date{font-size:.85rem;font-weight:400}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item.unread .notification-date{padding-left:16px}.notifications-popup .notifications-panel .notifications-content .loading-notifications,.notifications-popup .notifications-panel .notifications-content .no-notifications{color:#666;font-size:1rem;padding:40px 20px;text-align:center}@media(max-width:768px){.notifications-popup-overlay{align-items:stretch;padding:10px}.notifications-popup{height:auto;max-height:calc(100vh - 20px);max-width:100%;min-height:calc(100vh - 20px)}.notifications-popup .notifications-panel{height:100%}.notifications-popup .notifications-panel .notifications-header{flex-shrink:0;padding:20px 20px 16px}.notifications-popup .notifications-panel .notifications-header h3{font-size:1.3rem}.notifications-popup .notifications-panel .notifications-header .notifications-actions{gap:12px}.notifications-popup .notifications-panel .notifications-header .notifications-actions .mark-all-read{font-size:.9rem;padding:6px 10px}.notifications-popup .notifications-panel .notifications-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 20px}.notifications-popup .notifications-panel .notifications-content .notifications-list{gap:12px}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item{padding:16px}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item .notification-title{font-size:.95rem}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item .notification-content{font-size:.85rem}.notifications-popup .notifications-panel .notifications-content .notifications-list .notification-item .notification-date{font-size:.8rem}.notifications-popup .notifications-panel .notifications-content .loading-notifications,.notifications-popup .notifications-panel .notifications-content .no-notifications{font-size:.9rem;padding:30px 15px}.content-area .page-header-with-notification{right:20px;top:10px}.content-area .page-header-with-notification .notification-icon-container .notification-icon{font-size:1.3rem;padding:8px}.content-area .page-header-with-notification .notification-icon-container .notification-icon img{height:20px;width:20px}.content-area .page-header-with-notification .notification-icon-container .notification-icon .notification-badge{font-size:.7rem;height:16px;min-width:16px}.welcome-header .notification-icon-container .notification-icon{font-size:1.3rem;padding:8px}.welcome-header .notification-icon-container .notification-icon img{height:20px;width:20px}.welcome-header .notification-icon-container .notification-icon .notification-badge{font-size:.7rem;height:16px;min-width:16px}}.user-profile-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100}.user-profile-popup{background-color:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;height:596px;max-height:none;max-width:none;overflow-y:auto;padding:0;position:relative;width:647px}.user-profile-popup .user-profile-popup-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:25px 35px 15px}.user-profile-popup .user-profile-popup-header h2{color:#333;font-size:1rem;font-weight:600;margin:0}.user-profile-popup .user-profile-popup-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#000!important;cursor:pointer;display:flex;font-size:1.5rem!important;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.user-profile-popup .user-profile-popup-header .close-button:hover{background-color:#f5f5f5}.user-profile-popup .user-profile-content{padding:25px 35px}.user-profile-popup .user-profile-content .profile-avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;z-index:1000}.user-profile-popup .user-profile-content .profile-avatar-section .profile-avatar-display{border:3px solid #e8f4f7;border-radius:50%;height:60px;margin-bottom:5px;overflow:hidden;width:60px}.user-profile-popup .user-profile-content .profile-avatar-section .profile-avatar-display img{height:100%;object-fit:cover;width:100%}.user-profile-popup .user-profile-content .profile-avatar-section .change-avatar-btn{background-color:#fff;border:2px solid #22afd4;border-radius:30px;color:#22afd4;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 16px;transition:all .3s ease}.user-profile-popup .user-profile-content .profile-avatar-section .change-avatar-btn:hover{background-color:#22afd4;color:#fff;transform:translateY(-1px)}.user-profile-popup .user-profile-content .profile-info-section .your-name-display{margin-bottom:5px;text-align:center}.user-profile-popup .user-profile-content .profile-info-section .your-name-display h3{color:#666;font-size:1rem;font-weight:600;margin:0 0 8px}.user-profile-popup .user-profile-content .profile-info-section .your-name-display .current-name{color:#333;font-size:1.1rem;font-weight:500;margin:0;padding:8px 0}.user-profile-popup .user-profile-content .profile-info-section h3{color:#666;font-size:1.2rem;font-weight:600;margin:0 0 25px;text-align:center}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup{align-items:center;display:flex;flex-direction:column}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup .form-group-popup{align-items:center;display:flex;flex-direction:column;margin-bottom:15px;text-align:center}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup .form-group-popup label{align-items:center;color:#333;display:block;display:flex;font-size:.8rem;font-weight:600;gap:8px;justify-content:flex-start;margin-bottom:8px;width:285px}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup .form-group-popup label .field-info.locked .lock-icon{color:#999;font-size:.8rem}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup .form-group-popup input{background-color:#fff;border:1px solid #e8e8e8;border-radius:12px;box-sizing:border-box;color:#333;font-size:1rem;height:39px;padding:8px 16px;transition:all .2s ease;width:285px}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup .form-group-popup input:focus{background-color:#f8fdff;border-color:#22afd4;outline:none}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup .form-group-popup input.input-disabled{background-color:#fff;border-color:#e0e0e0;color:#999;cursor:not-allowed}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup .form-group-popup input::placeholder{color:#bbb}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup .form-group-popup .field-message{color:#afafaf;font-size:.8rem;margin-top:6px;text-align:left}.user-profile-popup .user-profile-popup-footer{display:flex;justify-content:center;margin-top:-10px;padding:0 35px 25px}.user-profile-popup .user-profile-popup-footer .save-profile-btn{background-color:#22afd4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 40px;transition:all .3s ease}.user-profile-popup .user-profile-popup-footer .save-profile-btn:hover{background-color:#1e9bb8;box-shadow:0 8px 20px #22afd44d;transform:translateY(-2px)}@media(max-width:768px){.user-profile-popup{margin:10px;max-width:95vw}.user-profile-popup .user-profile-popup-header{padding:20px 25px 15px}.user-profile-popup .user-profile-popup-header h2{font-size:1.3rem}.user-profile-popup .user-profile-content{padding:20px 25px}.user-profile-popup .user-profile-content .profile-avatar-section .profile-avatar-display{height:70px;width:70px}.user-profile-popup .user-profile-content .profile-info-section h3{font-size:1.1rem}.user-profile-popup .user-profile-content .profile-info-section .profile-form-popup .form-group-popup input{font-size:.9rem;padding:10px 14px}.user-profile-popup .user-profile-popup-footer{padding:20px 25px}.user-profile-popup .user-profile-popup-footer .save-profile-btn{font-size:.9rem;padding:10px 35px}}.logout-confirmation-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.logout-confirmation-overlay .logout-confirmation-popup{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:30px;text-align:left;width:90%}.logout-confirmation-overlay .logout-confirmation-popup.delete-account-popup{max-width:550px}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content{margin-bottom:25px}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content h2{color:#333;font-size:20px;font-weight:600;margin-bottom:15px}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content p{color:#666;font-size:16px;line-height:1.5;margin-bottom:20px}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section{margin-top:25px}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section h3{color:#333;font-size:16px;font-weight:500;margin-bottom:15px}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section .deletion-reasons{display:flex;flex-direction:column;gap:12px}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section .deletion-reasons .deletion-reason-option{align-items:center;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:all .2s ease}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section .deletion-reasons .deletion-reason-option:hover{background-color:#f8fbfc;border-color:#4aa8c4}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section .deletion-reasons .deletion-reason-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section .deletion-reasons .deletion-reason-option input[type=radio]:checked+.checkmark{background-color:#4aa8c4;border-color:#4aa8c4}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section .deletion-reasons .deletion-reason-option input[type=radio]:checked+.checkmark:after{display:block}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section .deletion-reasons .deletion-reason-option .checkmark{background-color:#fff;border:2px solid #ddd;border-radius:50%;flex-shrink:0;height:18px;margin-right:12px;position:relative;transition:all .2s ease;width:18px}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section .deletion-reasons .deletion-reason-option .checkmark:after{background:#fff;border-radius:50%;content:"";display:none;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-content .deletion-reason-section .deletion-reasons .deletion-reason-option span:not(.checkmark){color:#333;font-size:14px;line-height:1.4}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-buttons{display:flex;gap:15px;justify-content:flex-end}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-buttons button.confirm-delete-button{background-color:#ff4d4f;color:#fff}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-buttons button.confirm-delete-button:hover:not(.disabled){background-color:#ff7875}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-buttons button.confirm-delete-button.disabled{background-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-buttons button.confirm-logout-button{background-color:#ff4d4f;color:#fff}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-buttons button.confirm-logout-button:hover{background-color:#ff7875}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-buttons button.cancel-button{background-color:#f5f5f5;color:#333}.logout-confirmation-overlay .logout-confirmation-popup .logout-confirmation-buttons button.cancel-button:hover{background-color:#e6e6e6}.flow-music-page{background-color:#fff;min-height:100vh;padding:30px}.flow-music-page .flow-music-container{margin:0 auto;max-width:1179px;overflow-y:auto}.flow-music-page .flow-music-header{margin-bottom:30px}.flow-music-page .flow-music-header h1{color:#177085;font-size:36px;font-weight:700;margin-bottom:12px}.flow-music-page .flow-music-header p{color:#639eab;font-size:16px;line-height:1.5;margin:0}.flow-music-page .music-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);overflow-y:auto;padding-right:10px;width:800px}.flow-music-page .music-card{align-items:center;background:#fff;border:1px solid #d8e1e3;border-radius:16px;display:flex;gap:16px;height:150px;padding:20px;position:relative;transition:all .3s ease;width:350px}.flow-music-page .music-card:hover{box-shadow:0 8px 25px #24b0d526;transform:translateY(-4px)}.flow-music-page .music-card.active{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#24b0d5}.flow-music-page .music-card .music-card-content{flex:1 1}.flow-music-page .music-card .music-card-content .music-card-title-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.flow-music-page .music-card .music-card-content .music-card-title-row .music-card-icon{align-items:center;background:#0000;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.flow-music-page .music-card .music-card-content .music-card-title-row .music-card-icon img{filter:none;height:24px;width:24px}.flow-music-page .music-card .music-card-content .music-card-title-row h3{color:#1a202c;flex:1 1;font-size:16px;font-weight:600;line-height:1.3;margin:0}.flow-music-page .music-card .music-card-content p{color:#639eab;font-size:14px;line-height:1.4;margin:0 0 12px}.flow-music-page .music-card .music-card-content .music-card-category{background:#f5fbfd;border-radius:20px;color:#24b0d5;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.flow-music-page .music-card .music-play-button{align-items:center;background:#24b0d5;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.flow-music-page .music-card .music-play-button:hover{background:#1e90b0;transform:scale(1.05)}.flow-music-page .music-card .music-play-button.playing{background:#dc3545}.flow-music-page .music-card .music-play-button.playing:hover{background:#c82333}.flow-music-page .music-card .music-play-button .pause-icon,.flow-music-page .music-card .music-play-button .play-icon{font-size:14px;line-height:1}.flow-music-page .music-card .music-play-button .play-icon{margin-left:1px}.flow-music-page .floating-music-player{background:linear-gradient(180deg,#22afd4 0,#fff);border-radius:20px;box-shadow:0 15px 35px #22afd44d;color:#fff;cursor:move;min-width:320px;padding:20px 24px;position:fixed;right:30px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:1000}.flow-music-page .floating-music-player.dragging{box-shadow:0 20px 45px #22afd466;cursor:grabbing;transform:scale(1.02)}.flow-music-page .floating-music-player .music-player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.flow-music-page .floating-music-player .music-player-header h3{color:#fff;flex:1 1;font-size:18px;font-weight:600;margin:0;padding-right:12px}.flow-music-page .floating-music-player .music-player-header .close-player-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;opacity:.8;padding:0;width:24px}.flow-music-page .floating-music-player .music-player-header .close-player-button:hover{opacity:1}.flow-music-page .floating-music-player .music-progress-bar{margin-bottom:12px}.flow-music-page .floating-music-player .music-progress-bar .progress-slider{-webkit-appearance:none;background:#ffffff4d;border-radius:2px;height:4px;outline:none;width:100%}.flow-music-page .floating-music-player .music-progress-bar .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.flow-music-page .floating-music-player .music-progress-bar .progress-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.flow-music-page .floating-music-player .music-player-time{color:#ffffffe6;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:20px}.flow-music-page .floating-music-player .music-player-controls{align-items:center;display:flex;gap:20px;justify-content:center}.flow-music-page .floating-music-player .music-player-controls .control-button{align-items:center;background:none;border:none;border-radius:50%;color:#22afd4;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.flow-music-page .floating-music-player .music-player-controls .control-button:hover{background:#22afd41a}.flow-music-page .floating-music-player .music-player-controls .control-button.next-button,.flow-music-page .floating-music-player .music-player-controls .control-button.prev-button{font-size:18px;height:40px;width:40px}.flow-music-page .floating-music-player .music-player-controls .control-button.play-pause-button{background:#22afd433;color:#22afd4;font-size:16px;height:50px;width:50px}.flow-music-page .floating-music-player .music-player-controls .control-button.play-pause-button:hover{background:#22afd44d}@media(max-width:768px){.flow-music-page{padding:20px}.flow-music-page .flow-music-container{height:auto;max-width:100%;overflow-y:visible}.flow-music-page .flow-music-header h1{font-size:28px}.flow-music-page .flow-music-header p{font-size:14px}.flow-music-page .music-grid{gap:16px;grid-template-columns:1fr;max-height:none;overflow-y:visible;padding-right:0;width:100%}.flow-music-page .music-card{height:auto;padding:15px;width:95%}.flow-music-page .music-card .music-card-icon{height:35px;width:35px}.flow-music-page .music-card .music-card-icon span{font-size:20px!important}.flow-music-page .music-card .music-card-content h3{font-size:14px}.flow-music-page .music-card .music-card-content p{font-size:12px;margin-bottom:8px}.flow-music-page .music-card .music-play-button{height:30px;width:30px}.flow-music-page .music-card .music-play-button .pause-icon,.flow-music-page .music-card .music-play-button .play-icon{font-size:12px}.flow-music-page .floating-music-player{bottom:20px;height:200px;left:15px;min-width:auto;right:15px;top:auto;transform:none}}.conversation-history-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.conversation-history-popup{background-color:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;height:596px;max-height:none;max-width:none;overflow:hidden;padding:0;position:relative;width:647px}.conversation-history-popup .conversation-history-popup-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:25px 35px 15px}.conversation-history-popup .conversation-history-popup-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.conversation-history-popup .conversation-history-popup-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#000!important;cursor:pointer;display:flex;font-size:1.5rem!important;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.conversation-history-popup .conversation-history-popup-header .close-button:hover{background-color:#f5f5f5}.conversation-history-popup .conversation-history-content{flex:1 1;overflow-y:auto;padding:20px 35px 35px}.conversation-history-popup .conversation-history-content .conversation-item{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:15px;transition:all .2s ease}.conversation-history-popup .conversation-history-content .conversation-item:hover{border-color:#22afd4;box-shadow:0 2px 8px #22afd41a}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header{align-items:center;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:background-color .2s ease}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header:hover{background-color:#fff}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-time{color:#333;font-size:.8rem;font-weight:500}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions{align-items:center;display:flex;gap:12px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions .download-btn{align-items:center;background:none;border:none;border-radius:50px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions .download-btn:hover{background-color:#22afd41a}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions .download-btn img{height:40px;object-fit:contain;width:40px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions .expand-icon{align-items:center;border-radius:50px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions .expand-icon:hover{background-color:#22afd41a}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions .expand-icon img{height:40px;object-fit:contain;width:40px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-text{border-top:1px solid #e9ecef;padding:0 0 15px;text-align:left}.conversation-history-popup .conversation-history-content .conversation-item .conversation-text .conversation-human{background-color:#fff;border-radius:18px 18px 4px 18px;color:#000;font-size:.95rem;margin:10px 0;padding:12px 16px;position:relative;text-align:left}.conversation-history-popup .conversation-history-content .conversation-item .conversation-text .conversation-human:before{border:none;border-left:8px solid #e3f2fd;border-top:8px solid #0000;bottom:0;content:"";height:0;position:absolute;right:-8px;width:0}.conversation-history-popup .conversation-history-content .conversation-item .conversation-text .conversation-ai{background-color:#fff;border-radius:18px 18px 18px 4px;color:#afafaf!important;font-size:.8rem;margin:10px 0;padding:12px 16px;position:relative;text-align:left}.conversation-history-popup .conversation-history-content .conversation-item .conversation-text .conversation-ai:before{border:none;border-right:8px solid #f5f5f5;border-top:8px solid #0000;bottom:0;content:"";height:0;left:-8px;position:absolute;width:0}.conversation-history-popup .conversation-history-content .conversation-item .conversation-actions{border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:12px 15px 15px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-actions .download-btn{align-items:center;background-color:#22afd4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.conversation-history-popup .conversation-history-content .conversation-item .conversation-actions .download-btn:hover{background-color:#1e9bb8;transform:translateY(-1px)}.conversation-history-popup .conversation-history-content p{color:#666;font-size:1rem;padding:40px 20px;text-align:center}.conversation-history-popup .conversation-history-content p.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;padding:16px}@media(max-width:768px){.conversation-history-popup{height:calc(100vh - 20px);margin:10px;max-height:596px;max-width:647px;width:calc(100vw - 20px)}.conversation-history-popup .conversation-history-popup-header{padding:20px 25px 15px}.conversation-history-popup .conversation-history-popup-header h2{font-size:1.2rem}.conversation-history-popup .conversation-history-popup-header .close-button{font-size:1.8rem;height:35px;width:35px}.conversation-history-popup .conversation-history-content{padding:15px 25px 25px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header{padding:15px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-time{font-size:.9rem}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions{gap:8px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions .download-btn img{height:18px;width:18px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-header .conversation-header-actions .expand-icon img{height:14px;width:14px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-text{padding:0 15px 12px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-text .conversation-human{font-size:.9rem;margin-left:20px;padding:10px 14px}.conversation-history-popup .conversation-history-content .conversation-item .conversation-text .conversation-ai{font-size:.9rem;margin-right:20px;padding:10px 14px}}.mood-profile-popup{height:700px!important;width:900px!important}.mood-profile-popup .mood-profile-content .chart-container{display:flex;flex-direction:column;gap:20px;margin:0;max-width:100%}.mood-profile-popup .mood-profile-content .chart-container .negative-chart,.mood-profile-popup .mood-profile-content .chart-container .positive-chart{background-color:#fff;border-radius:15px;box-shadow:none;color:#234166;padding:15px}.mood-profile-popup .mood-profile-content .chart-container .negative-chart h3,.mood-profile-popup .mood-profile-content .chart-container .positive-chart h3{font-size:1.2rem;font-weight:600;margin-bottom:15px;padding-left:20px;text-align:left}.mood-profile-popup .mood-profile-content .locked-content{align-items:center;display:flex;height:400px;justify-content:center}.mood-profile-popup .mood-profile-content .locked-content .locked-message{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;padding:40px;text-align:center}.mood-profile-popup .mood-profile-content .locked-content .locked-message h3{color:#495057;font-size:1.4rem;margin-bottom:15px}.mood-profile-popup .mood-profile-content .locked-content .locked-message p{color:#6c757d;line-height:1.5;margin-bottom:25px}.mood-profile-popup .mood-profile-content .locked-content .locked-message .upgrade-button{background-color:#22afd4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.mood-profile-popup .mood-profile-content .locked-content .locked-message .upgrade-button:hover{background-color:#1e9bb8;transform:translateY(-1px)}.mood-profile-popup .mood-profile-content .modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.mood-profile-popup .mood-profile-content .modal-overlay .modal{background-color:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:30px;text-align:center}.mood-profile-popup .mood-profile-content .modal-overlay .modal h3{color:#333;margin-bottom:15px}.mood-profile-popup .mood-profile-content .modal-overlay .modal p{color:#666;line-height:1.5}@media(max-width:768px){.mood-profile-popup{height:calc(100vh - 20px)!important;max-height:700px;width:calc(100vw - 20px)!important}.mood-profile-popup .mood-profile-content .chart-container{gap:15px}.mood-profile-popup .mood-profile-content .chart-container .negative-chart,.mood-profile-popup .mood-profile-content .chart-container .positive-chart{padding:10px}.mood-profile-popup .mood-profile-content .chart-container .negative-chart h3,.mood-profile-popup .mood-profile-content .chart-container .positive-chart h3{font-size:1rem}.mood-profile-popup .mood-profile-content .locked-content{height:300px}.mood-profile-popup .mood-profile-content .locked-content .locked-message{margin:10px;padding:20px}.mood-profile-popup .mood-profile-content .locked-content .locked-message h3{font-size:1.2rem}.mood-profile-popup .mood-profile-content .locked-content .locked-message p{font-size:.9rem}.mood-profile-popup .mood-profile-content .locked-content .locked-message .upgrade-button{font-size:.9rem;padding:10px 20px}}.personality-profile-popup{height:596px!important;width:647px!important}.personality-profile-popup .personality-profile-content{text-align:center}.personality-profile-popup .personality-profile-content .confidence-score-container{margin-top:-10px}.personality-profile-popup .personality-profile-content .confidence-score-text{color:#177085;font-size:1.5rem;font-weight:700;margin-bottom:-10px}.personality-profile-popup .personality-profile-content .radar-chart-container{height:400px;margin:-20px auto 20px;max-width:500px;width:100%}.personality-profile-popup .personality-profile-content .personality-type-box{background-color:#eaf8fc;border-radius:12px;color:#24b0d5;display:inline-block;font-size:1rem;font-weight:500;margin-bottom:15px;padding:12px 20px}.personality-profile-popup .personality-profile-content .visionary-description{color:#666;font-size:.95rem;line-height:1.6;margin:0 auto 30px;max-width:600px;text-align:left!important}.personality-profile-popup .personality-profile-content .trait-details-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;text-align:left}.personality-profile-popup .personality-profile-content .trait-card{background-color:#fff;border:1px solid #eef2f6;border-radius:15px;padding:20px}.personality-profile-popup .personality-profile-content .trait-card .trait-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.personality-profile-popup .personality-profile-content .trait-card .trait-name{color:#333;font-size:1.1rem;font-weight:600}.personality-profile-popup .personality-profile-content .trait-card .trait-level{border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 10px;text-align:left}.personality-profile-popup .personality-profile-content .trait-card .trait-bar{background-color:#e9ecef;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.personality-profile-popup .personality-profile-content .trait-card .trait-bar-fill{border-radius:4px;height:100%}.personality-profile-popup .personality-profile-content .trait-card .trait-reason{color:#666;font-size:.9rem;line-height:1.5;margin:0;text-align:left}@media(max-width:768px){.personality-profile-popup .personality-profile-content .radar-chart-container{height:300px}.personality-profile-popup .personality-profile-content .trait-details-container{grid-template-columns:1fr}}.conversation-history-popup-overlay,.logout-confirmation-overlay,.notifications-popup-overlay,.resources-popup-overlay,.traits-popup-overlay,.user-profile-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.conversation-history-popup,.logout-confirmation-popup,.notifications-popup,.resources-popup,.traits-popup,.user-profile-popup{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:90vh;max-width:800px;overflow-y:auto;padding:0;position:relative;width:90%}.conversation-history-popup .popup-header,.logout-confirmation-popup .popup-header,.notifications-popup .popup-header,.resources-popup .popup-header,.traits-popup .popup-header,.user-profile-popup .popup-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:25px 35px 15px}.conversation-history-popup .popup-header h2,.logout-confirmation-popup .popup-header h2,.notifications-popup .popup-header h2,.resources-popup .popup-header h2,.traits-popup .popup-header h2,.user-profile-popup .popup-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.conversation-history-popup .popup-header .close-button,.logout-confirmation-popup .popup-header .close-button,.notifications-popup .popup-header .close-button,.resources-popup .popup-header .close-button,.traits-popup .popup-header .close-button,.user-profile-popup .popup-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#000!important;cursor:pointer;display:flex;font-size:1.5rem!important;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.conversation-history-popup .popup-header .close-button:hover,.logout-confirmation-popup .popup-header .close-button:hover,.notifications-popup .popup-header .close-button:hover,.resources-popup .popup-header .close-button:hover,.traits-popup .popup-header .close-button:hover,.user-profile-popup .popup-header .close-button:hover{background-color:#f5f5f5}.conversation-history-popup .popup-content,.logout-confirmation-popup .popup-content,.notifications-popup .popup-content,.resources-popup .popup-content,.traits-popup .popup-content,.user-profile-popup .popup-content{padding:25px 35px 15px}.conversation-history-popup .popup-content .avatar-section,.logout-confirmation-popup .popup-content .avatar-section,.notifications-popup .popup-content .avatar-section,.resources-popup .popup-content .avatar-section,.traits-popup .popup-content .avatar-section,.user-profile-popup .popup-content .avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.conversation-history-popup .popup-content .avatar-section .avatar-display,.logout-confirmation-popup .popup-content .avatar-section .avatar-display,.notifications-popup .popup-content .avatar-section .avatar-display,.resources-popup .popup-content .avatar-section .avatar-display,.traits-popup .popup-content .avatar-section .avatar-display,.user-profile-popup .popup-content .avatar-section .avatar-display{border:3px solid #e8f4f7;border-radius:50%;height:70px;margin-bottom:5px;overflow:hidden;width:70px}.conversation-history-popup .popup-content .avatar-section .avatar-display img,.logout-confirmation-popup .popup-content .avatar-section .avatar-display img,.notifications-popup .popup-content .avatar-section .avatar-display img,.resources-popup .popup-content .avatar-section .avatar-display img,.traits-popup .popup-content .avatar-section .avatar-display img,.user-profile-popup .popup-content .avatar-section .avatar-display img{height:100%;object-fit:cover;width:100%}.conversation-history-popup .popup-content .avatar-section .change-avatar-btn,.logout-confirmation-popup .popup-content .avatar-section .change-avatar-btn,.notifications-popup .popup-content .avatar-section .change-avatar-btn,.resources-popup .popup-content .avatar-section .change-avatar-btn,.traits-popup .popup-content .avatar-section .change-avatar-btn,.user-profile-popup .popup-content .avatar-section .change-avatar-btn{background-color:#fff;border:2px solid #22afd4;border-radius:30px;color:#22afd4;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 16px;transition:all .3s ease}.conversation-history-popup .popup-content .avatar-section .change-avatar-btn:hover,.logout-confirmation-popup .popup-content .avatar-section .change-avatar-btn:hover,.notifications-popup .popup-content .avatar-section .change-avatar-btn:hover,.resources-popup .popup-content .avatar-section .change-avatar-btn:hover,.traits-popup .popup-content .avatar-section .change-avatar-btn:hover,.user-profile-popup .popup-content .avatar-section .change-avatar-btn:hover{background-color:#22afd4;color:#fff;transform:translateY(-1px)}.conversation-history-popup .popup-content .info-section .name-display,.logout-confirmation-popup .popup-content .info-section .name-display,.notifications-popup .popup-content .info-section .name-display,.resources-popup .popup-content .info-section .name-display,.traits-popup .popup-content .info-section .name-display,.user-profile-popup .popup-content .info-section .name-display{margin-bottom:5px;text-align:center}.conversation-history-popup .popup-content .info-section .name-display h3,.logout-confirmation-popup .popup-content .info-section .name-display h3,.notifications-popup .popup-content .info-section .name-display h3,.resources-popup .popup-content .info-section .name-display h3,.traits-popup .popup-content .info-section .name-display h3,.user-profile-popup .popup-content .info-section .name-display h3{color:#666;font-size:1rem;font-weight:600;margin:0 0 8px}.conversation-history-popup .popup-content .info-section .name-display .current-name,.logout-confirmation-popup .popup-content .info-section .name-display .current-name,.notifications-popup .popup-content .info-section .name-display .current-name,.resources-popup .popup-content .info-section .name-display .current-name,.traits-popup .popup-content .info-section .name-display .current-name,.user-profile-popup .popup-content .info-section .name-display .current-name{color:#333;font-size:1.1rem;font-weight:500;margin:0;padding:8px 0}.conversation-history-popup .popup-content .info-section h3,.logout-confirmation-popup .popup-content .info-section h3,.notifications-popup .popup-content .info-section h3,.resources-popup .popup-content .info-section h3,.traits-popup .popup-content .info-section h3,.user-profile-popup .popup-content .info-section h3{color:#666;font-size:1.2rem;font-weight:600;margin:0 0 25px;text-align:center}.conversation-history-popup .popup-content .info-section .form-popup,.logout-confirmation-popup .popup-content .info-section .form-popup,.notifications-popup .popup-content .info-section .form-popup,.resources-popup .popup-content .info-section .form-popup,.traits-popup .popup-content .info-section .form-popup,.user-profile-popup .popup-content .info-section .form-popup{align-items:center;display:flex;flex-direction:column}.conversation-history-popup .popup-content .info-section .form-popup .form-group-popup,.logout-confirmation-popup .popup-content .info-section .form-popup .form-group-popup,.notifications-popup .popup-content .info-section .form-popup .form-group-popup,.resources-popup .popup-content .info-section .form-popup .form-group-popup,.traits-popup .popup-content .info-section .form-popup .form-group-popup,.user-profile-popup .popup-content .info-section .form-popup .form-group-popup{align-items:center;display:flex;flex-direction:column;margin-bottom:15px;text-align:center}.conversation-history-popup .popup-content .info-section .form-popup .form-group-popup label,.logout-confirmation-popup .popup-content .info-section .form-popup .form-group-popup label,.notifications-popup .popup-content .info-section .form-popup .form-group-popup label,.resources-popup .popup-content .info-section .form-popup .form-group-popup label,.traits-popup .popup-content .info-section .form-popup .form-group-popup label,.user-profile-popup .popup-content .info-section .form-popup .form-group-popup label{align-items:center;color:#333;display:block;display:flex;font-size:.8rem;font-weight:600;gap:8px;justify-content:flex-start;margin-bottom:8px;width:285px}.conversation-history-popup .popup-content .info-section .form-popup .form-group-popup label .field-info.locked .lock-icon,.logout-confirmation-popup .popup-content .info-section .form-popup .form-group-popup label .field-info.locked .lock-icon,.notifications-popup .popup-content .info-section .form-popup .form-group-popup label .field-info.locked .lock-icon,.resources-popup .popup-content .info-section .form-popup .form-group-popup label .field-info.locked .lock-icon,.traits-popup .popup-content .info-section .form-popup .form-group-popup label .field-info.locked .lock-icon,.user-profile-popup .popup-content .info-section .form-popup .form-group-popup label .field-info.locked .lock-icon{color:#999;font-size:.8rem}.conversation-history-popup .popup-content .info-section .form-popup .form-group-popup input,.logout-confirmation-popup .popup-content .info-section .form-popup .form-group-popup input,.notifications-popup .popup-content .info-section .form-popup .form-group-popup input,.resources-popup .popup-content .info-section .form-popup .form-group-popup input,.traits-popup .popup-content .info-section .form-popup .form-group-popup input,.user-profile-popup .popup-content .info-section .form-popup .form-group-popup input{background-color:#fff;border:1px solid #e8e8e8;border-radius:12px;box-sizing:border-box;color:#333;font-size:1rem;height:39px;padding:8px 16px;transition:all .2s ease;width:285px}.conversation-history-popup .popup-content .info-section .form-popup .form-group-popup input:focus,.logout-confirmation-popup .popup-content .info-section .form-popup .form-group-popup input:focus,.notifications-popup .popup-content .info-section .form-popup .form-group-popup input:focus,.resources-popup .popup-content .info-section .form-popup .form-group-popup input:focus,.traits-popup .popup-content .info-section .form-popup .form-group-popup input:focus,.user-profile-popup .popup-content .info-section .form-popup .form-group-popup input:focus{background-color:#f8fdff;border-color:#22afd4;outline:none}.conversation-history-popup .popup-content .info-section .form-popup .form-group-popup input.input-disabled,.logout-confirmation-popup .popup-content .info-section .form-popup .form-group-popup input.input-disabled,.notifications-popup .popup-content .info-section .form-popup .form-group-popup input.input-disabled,.resources-popup .popup-content .info-section .form-popup .form-group-popup input.input-disabled,.traits-popup .popup-content .info-section .form-popup .form-group-popup input.input-disabled,.user-profile-popup .popup-content .info-section .form-popup .form-group-popup input.input-disabled{background-color:#fff;border-color:#e0e0e0;color:#999;cursor:not-allowed}.conversation-history-popup .popup-content .info-section .form-popup .form-group-popup input::placeholder,.logout-confirmation-popup .popup-content .info-section .form-popup .form-group-popup input::placeholder,.notifications-popup .popup-content .info-section .form-popup .form-group-popup input::placeholder,.resources-popup .popup-content .info-section .form-popup .form-group-popup input::placeholder,.traits-popup .popup-content .info-section .form-popup .form-group-popup input::placeholder,.user-profile-popup .popup-content .info-section .form-popup .form-group-popup input::placeholder{color:#bbb}.conversation-history-popup .popup-content .info-section .form-popup .form-group-popup .field-message,.logout-confirmation-popup .popup-content .info-section .form-popup .form-group-popup .field-message,.notifications-popup .popup-content .info-section .form-popup .form-group-popup .field-message,.resources-popup .popup-content .info-section .form-popup .form-group-popup .field-message,.traits-popup .popup-content .info-section .form-popup .form-group-popup .field-message,.user-profile-popup .popup-content .info-section .form-popup .form-group-popup .field-message{color:#afafaf;font-size:.8rem;margin-top:6px;text-align:left}.conversation-history-popup .popup-footer,.logout-confirmation-popup .popup-footer,.notifications-popup .popup-footer,.resources-popup .popup-footer,.traits-popup .popup-footer,.user-profile-popup .popup-footer{border-top:1px solid #f0f0f0;display:flex;justify-content:center;padding:25px 35px}.conversation-history-popup .popup-footer .chat-now-btn,.logout-confirmation-popup .popup-footer .chat-now-btn,.notifications-popup .popup-footer .chat-now-btn,.resources-popup .popup-footer .chat-now-btn,.traits-popup .popup-footer .chat-now-btn,.user-profile-popup .popup-footer .chat-now-btn{background-color:#22afd4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 35px;transition:all .3s ease}.conversation-history-popup .popup-footer .chat-now-btn:hover,.logout-confirmation-popup .popup-footer .chat-now-btn:hover,.notifications-popup .popup-footer .chat-now-btn:hover,.resources-popup .popup-footer .chat-now-btn:hover,.traits-popup .popup-footer .chat-now-btn:hover,.user-profile-popup .popup-footer .chat-now-btn:hover{background-color:#1e9bb8;box-shadow:0 8px 20px #22afd44d;transform:translateY(-2px)}@media(max-width:768px){.conversation-history-popup,.logout-confirmation-popup,.notifications-popup,.resources-popup,.traits-popup,.user-profile-popup{margin:10px;max-width:95vw}.conversation-history-popup .popup-header,.logout-confirmation-popup .popup-header,.notifications-popup .popup-header,.resources-popup .popup-header,.traits-popup .popup-header,.user-profile-popup .popup-header{padding:20px 25px 15px}.conversation-history-popup .popup-header h2,.logout-confirmation-popup .popup-header h2,.notifications-popup .popup-header h2,.resources-popup .popup-header h2,.traits-popup .popup-header h2,.user-profile-popup .popup-header h2{font-size:1.3rem}.conversation-history-popup .popup-content .avatar-section .avatar-display,.logout-confirmation-popup .popup-content .avatar-section .avatar-display,.notifications-popup .popup-content .avatar-section .avatar-display,.resources-popup .popup-content .avatar-section .avatar-display,.traits-popup .popup-content .avatar-section .avatar-display,.user-profile-popup .popup-content .avatar-section .avatar-display{height:60px;width:60px}.conversation-history-popup .popup-content .info-section h3,.logout-confirmation-popup .popup-content .info-section h3,.notifications-popup .popup-content .info-section h3,.resources-popup .popup-content .info-section h3,.traits-popup .popup-content .info-section h3,.user-profile-popup .popup-content .info-section h3{font-size:1.1rem}.conversation-history-popup .popup-content .info-section .form-popup .form-group-popup input,.logout-confirmation-popup .popup-content .info-section .form-popup .form-group-popup input,.notifications-popup .popup-content .info-section .form-popup .form-group-popup input,.resources-popup .popup-content .info-section .form-popup .form-group-popup input,.traits-popup .popup-content .info-section .form-popup .form-group-popup input,.user-profile-popup .popup-content .info-section .form-popup .form-group-popup input{font-size:.9rem;padding:10px 14px}.conversation-history-popup .popup-footer,.logout-confirmation-popup .popup-footer,.notifications-popup .popup-footer,.resources-popup .popup-footer,.traits-popup .popup-footer,.user-profile-popup .popup-footer{padding:20px 25px}.conversation-history-popup .popup-footer .chat-now-btn,.logout-confirmation-popup .popup-footer .chat-now-btn,.notifications-popup .popup-footer .chat-now-btn,.resources-popup .popup-footer .chat-now-btn,.traits-popup .popup-footer .chat-now-btn,.user-profile-popup .popup-footer .chat-now-btn{font-size:.9rem;padding:12px 30px}}@media(max-width:480px){.conversation-history-popup .form-popup .form-group-popup input,.logout-confirmation-popup .form-popup .form-group-popup input,.notifications-popup .form-popup .form-group-popup input,.resources-popup .form-popup .form-group-popup input,.traits-popup .form-popup .form-group-popup input,.user-profile-popup .form-popup .form-group-popup input{font-size:.9rem;padding:10px 14px}}.mood-profile-page{color:#234166;font-family:SF Pro;padding-top:90px;text-align:center}.mood-profile-page .chart-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px}.mood-profile-page .negative-chart,.mood-profile-page .positive-chart{background-color:#f9f9f9;border-radius:30px;box-shadow:0 2px 5px #0000001a;color:#234166;padding:15px;width:100%}.mood-profile-page h2{margin-bottom:30px}.mood-profile-page .button-container{align-items:center;flex-direction:column;margin-bottom:20px}.mood-profile-page .button-container .get-mood-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s;width:200px}.mood-profile-page .button-container .get-mood-button:hover{background-color:#0056b3}.mood-profile-page .button-container .get-mood-button:disabled{background-color:#d3d3d3;color:#6c757d;cursor:not-allowed}.mood-profile-page .button-container .description{color:#6c757d;font-size:18px;margin-top:10px}.mood-profile-page .button-container .get-mood-button.loading{background-color:#d3d3d3;color:#6c757d;cursor:not-allowed}.mood-profile-page .loading-modal{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.mood-profile-page .modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center}.mood-profile-page .modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.mood-profile-page .modal{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.personality-profile-page{align-items:center;color:#234166;display:flex;flex-direction:column;font-family:SF Pro;max-width:1000px}.personality-profile-page h2{margin-bottom:30px;text-align:center}.personality-profile-page .profile-layout{display:flex;flex-direction:column;gap:40px}.personality-profile-page .profile-layout .single-column{text-align:left}.personality-profile-page .profile-layout .single-column .chart-container{align-items:center;display:flex;height:700px;justify-content:center;margin:0 auto;max-width:700px;width:100%}.personality-profile-page .profile-layout .single-column h3{font-size:1.5em;margin-bottom:15px;text-align:left}.personality-profile-page .profile-layout .single-column .visionary-text{background-color:#f9f9f9;border-radius:30px;box-shadow:0 2px 5px #0000001a;margin-top:20px;padding:15px}.personality-profile-page .profile-layout .single-column .visionary-text p{font-size:1em;line-height:1.6}.personality-profile-page .profile-layout .single-column .trait-descriptions{background-color:#f9f9f9;border-radius:30px;box-shadow:0 2px 5px #0000001a;margin-top:20px;padding:15px}.personality-profile-page .profile-layout .single-column .trait-descriptions .trait{margin-bottom:20px}.personality-profile-page .profile-layout .single-column .trait-descriptions .trait h3{font-size:1.2em;margin-bottom:10px;text-align:left}.personality-profile-page .profile-layout .single-column .trait-descriptions .trait p{font-size:1em;line-height:1.6;text-align:left}.fetch-profile-button{background-color:#22caec;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.fetch-profile-button:hover{background-color:#1ba6c3;transform:translateY(-2px)}.fetch-profile-button:disabled{background-color:#ccc;box-shadow:none;color:#666;cursor:not-allowed}.info-message{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#555;font-size:1rem;line-height:1.5;margin-top:10px;max-width:600px;padding:10px 20px;text-align:center}.locked-content{align-items:center;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;margin-top:40px;min-height:400px}.locked-message{max-width:500px;padding:30px;text-align:center}.locked-message h3{color:#333;margin-bottom:15px}.locked-message p{color:#666;margin-bottom:25px}.upgrade-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.upgrade-button:hover{background-color:#3a7bc8}@media only screen and (max-width:1024px){.info-message{margin-bottom:-100px}.personality-profile-page{align-items:center;color:#234166;display:flex;flex-direction:column;font-family:SF Pro;margin:0 auto;max-width:20rem;padding:10px}.personality-profile-page .single-column{font-size:1rem;padding:0;width:95%}.personality-profile-page .single-column h3{font-size:1em;margin-bottom:15px!important}.personality-profile-page .single-column .profile-layout{width:80%}}.change-voice-page{align-items:center;color:#234166;display:flex;flex-direction:column;font-family:SF Pro;padding:0}.change-voice-page .page-header{margin-bottom:20px;text-align:center}.change-voice-page .page-header h1{color:#234166;font-size:2rem;margin-bottom:10px}.change-voice-page .page-header p{color:#234166;font-size:1rem}.change-voice-page .voice-container{background-color:#e1f8fe;display:flex;flex-direction:column;gap:20px;max-width:800px;width:100%}.change-voice-page .voice-container .voice-group{background-color:#e1f8fe;border-radius:8px;padding:15px;width:780px}.change-voice-page .voice-container .voice-group h2{color:#234166;font-size:1.5rem;margin-bottom:10px}.change-voice-page .voice-container .voice-group .voice-list{display:flex;flex-wrap:wrap;gap:15px}.change-voice-page .voice-container .voice-group .voice-list .voice-item{background-color:#fff;border-radius:15px;color:#234166;padding:10px 10px 10px 20px;text-align:center;transition:transform .2s;width:150px}.change-voice-page .voice-container .voice-group .voice-list .voice-item:hover{transform:scale(1.05)}.change-voice-page .voice-container .voice-group .voice-list .voice-item p{color:#234166;font-size:1rem;margin-bottom:10px}.change-voice-page .voice-container .voice-group .voice-list .voice-item .button-frame{display:flex;flex-direction:row;gap:2rem}.change-voice-page .voice-container .voice-group .voice-list .voice-item .play-button,.change-voice-page .voice-container .voice-group .voice-list .voice-item .select-button{align-items:center;background-color:#279eff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;margin:5px 0;padding:10px}.change-voice-page .voice-container .voice-group .voice-list .voice-item .play-button:hover,.change-voice-page .voice-container .voice-group .voice-list .voice-item .select-button:hover{background-color:#0056b3}.change-voice-page .voice-container .voice-group .voice-list .voice-item .play-button{border-radius:50%}.change-voice-page .voice-container .voice-group .voice-list .voice-item.selected{background-color:#f0f8ff;border-color:#007bff}.change-voice-page .voice-info{display:flex;flex-direction:row;gap:20px}.change-voice-page .voice-name{color:#007bff!important;font-size:1rem;font-weight:700;margin-top:.5rem;text-align:center}.change-voice-page .page-footer{margin-top:30px;text-align:center}.change-voice-page .page-footer nav a{color:#007bff;font-size:.9rem;margin:0 10px;text-decoration:none}.change-voice-page .page-footer nav a:hover{text-decoration:underline}.credits-display{color:#007bff!important;font-size:1rem;font-weight:700;margin-top:.5rem;text-align:center}.credit-info{color:#234166;font-size:1cap;margin-left:10px}@media screen and (max-width:768px){.change-voice-page .voice-container{padding:0 10px}.change-voice-page .voice-container .voice-group{padding:10px}.change-voice-page .voice-container .voice-group h2{font-size:1.3rem}.change-voice-page .voice-container .voice-group .voice-list{gap:10px}.change-voice-page .voice-container .voice-group .voice-list .voice-item{padding:10px;width:calc(50% - 10px)}.change-voice-page .voice-container .voice-group .voice-list .voice-item .button-frame{gap:4rem;justify-content:center}.change-voice-page .voice-info{flex-direction:column;gap:5px}.change-voice-page .credit-info{display:block;font-size:.7rem;margin-left:0}}.profile-background{background:#e1f8fe;min-height:70vh;overflow-x:hidden}.profile-background .wait-list-text p{color:#fff;font-family:Arial;font-size:25px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) scale(.8)}.profile-background .summary-form-container{margin-left:auto;margin-right:auto;margin-top:15vh;max-width:1400px;min-height:200px;overflow-y:auto}.profile-background .summary-form-container .summary-container{background-color:#fff;border-radius:30px;margin:auto 10px 10px;padding:30px}.profile-background .summary-form-container .summary-container .summary-header{cursor:pointer;font-family:Arial;font-weight:700}.profile-background .summary-form-container .summary-text{color:#333;font-family:SF Pro;font-size:16px;line-height:1.6;margin-left:2vh;margin-top:2vh}.profile-background .summary-form-container .summary-time{color:#333;font-family:Poppins;font-weight:300}.profile-background .summary-form-container p{font-size:20px}.profile-background .summary-btn-container{display:flex;gap:50px;justify-content:center}.profile-background .summary-btn-container .summary-btn{border:none;border-radius:50px;box-shadow:none;color:#4b4a4a;cursor:pointer;font-family:Arial;font-weight:700;height:45px;margin-top:100px;padding:10px 20px;transition:background .23s}.conversation-text{color:#333;font-family:Poppins;line-height:1.6;margin-top:2vh;padding:0 20px;text-align:left}.conversation-human{margin-bottom:10px}.conversation-ai,.conversation-human{color:#333!important;font-size:14px!important;text-align:left}.conversation-ai{margin-bottom:20px}.download-btn{background:#e1f8fe;border:#0000;border-radius:20px;cursor:pointer;font-family:Poppins;font-size:14px;padding:8px 15px;transition:all .2s ease}.download-btn:hover{background:#c8f2fd;box-shadow:0 2px 4px #0000001a}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-backdrop .modal-content{animation:scaleIn .3s ease-in-out;border-radius:12px;box-shadow:0 8px 24px #0003;color:#3d3d3d;font-family:Poppins;font-size:16px;max-width:360px;padding:24px;text-align:center;width:90%}.credits-tab{padding:10px}.credits-tab .font{color:#323232;font-family:Helvetica;font-size:16px;line-height:5vh}.error-message{color:red;font-weight:700;margin-top:20px}.personality-profile-page{margin:0 auto;max-width:800px;padding:20px}.personality-profile-page .chart-container{margin:0 auto 40px;max-width:500px;width:100%}.personality-profile-page .trait-descriptions .trait{margin-bottom:20px}.personality-profile-page .trait-descriptions .trait h3{font-size:1.5em;margin-bottom:10px}.personality-profile-page .trait-descriptions .trait p{font-size:1em;line-height:1.6}@media only screen and (max-width:1024px){.credits-tab{font-size:16px;margin-left:5vw;margin-right:10vw}.conversation-text{color:#333;font-family:Poppins;font-size:16px;line-height:1.6;margin-left:0;margin-top:2vh;padding:0 10px;text-align:left}.summary-container{background-color:#f8f6f4;border-radius:5px;margin-bottom:10px;margin-top:auto;max-width:600px!important;overflow-x:hidden}.summary-container .summary-header{cursor:pointer;font-family:Poppins;font-weight:700}.summary-form-container{margin-left:auto;margin-right:auto;margin-top:5vh;min-height:200px;overflow-y:auto}.conversation-human{padding-right:20px}.conversation-ai,.conversation-human{color:#333!important;font-size:14px!important}.profile-background{background:#e1f8fe;min-height:70vh;overflow-x:hidden}}:global(.content){background-color:#fff!important}.psychological-profile-page{background-color:#fff;box-sizing:border-box;color:#333;font-family:SF Pro;margin:0;min-height:100vh;padding:40px 20px}.psychological-profile-page h1{color:#177085;margin-bottom:10px;text-align:left}.psychological-profile-page .subtitle{color:#639eab;font-size:1.1rem;margin-bottom:40px;text-align:left}.psychological-profile-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.psychological-profile-page .loading-container .loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#4285f4;height:40px;margin-bottom:16px;width:40px}.psychological-profile-page .error-container{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;margin-top:20px;padding:16px}.psychological-profile-page .error-container .error-message{color:#b91c1c;font-size:16px}.psychological-profile-page .no-tests-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-top:20px;padding:24px;text-align:center}.psychological-profile-page .no-tests-container p{color:#6b7280;font-size:16px;margin-bottom:16px}.psychological-profile-page .no-tests-container .tests-button{background-color:#289eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.psychological-profile-page .no-tests-container .tests-button:hover{background-color:#5a86df}.psychological-profile-page .test-results-list{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(2,1fr);margin-top:20px}.psychological-profile-page .test-result-card{align-items:center;background-color:#fff;border:1px solid #ebf0f1;border-radius:12px;box-shadow:none;display:flex;justify-content:space-between;padding:25px;transition:transform .2s,box-shadow .2s}.psychological-profile-page .test-result-card:hover{box-shadow:0 10px 20px #0000000d;transform:translateY(-5px)}.psychological-profile-page .test-info h3{color:#000;font-size:1.25rem;font-weight:600;margin:0 0 10px}.psychological-profile-page .test-info .test-date{color:#639eab;font-size:.9rem;font-weight:700;margin-bottom:20px}.psychological-profile-page .test-icon-container img{height:113px;opacity:.2;width:113px}.psychological-profile-page .view-results-button{background-color:#24b0d5;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.psychological-profile-page .view-results-button:hover{background-color:#1e8aab;box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.psychological-profile-page .view-results-button:active{transform:translateY(0)}@media(max-width:992px){.psychological-profile-page .test-results-list{grid-template-columns:1fr}}@media(max-width:768px){.psychological-profile-page{padding:20px 10px}.psychological-profile-page h1{font-size:1.8rem}.psychological-profile-page .subtitle{font-size:1rem}.psychological-profile-page .test-result-card{align-items:flex-start;flex-direction:column}.psychological-profile-page .test-icon-container{align-self:flex-end;margin-top:15px}}.test-result-modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.test-result-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:70vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:90%}.test-result-modal-content h2{border-bottom:1px solid #eee;color:#333;font-size:20px;font-weight:1000;margin-bottom:20px;margin-top:0;padding-bottom:15px;text-align:left}.test-result-modal-content .close-button{background:#0000;border:none;cursor:pointer;height:16px;opacity:1;position:absolute;right:25px;top:25px;width:16px;z-index:10}.test-result-modal-content .close-button:hover{opacity:.7}.test-result-modal-content .close-button:after,.test-result-modal-content .close-button:before{background-color:#000;content:"";height:2px;left:0;position:absolute;top:50%;width:100%}.test-result-modal-content .close-button:before{transform:translateY(-50%) rotate(45deg)}.test-result-modal-content .close-button:after{transform:translateY(-50%) rotate(-45deg)}.test-result-modal-content .result-section{margin-bottom:25px}.test-result-modal-content .result-section h3{color:#333;font-size:18px;font-weight:800;margin-bottom:10px}.test-result-modal-content .result-section p{color:#555;font-size:14px;line-height:1.6}.test-result-modal-content .result-section .score{color:#333;font-size:16px;font-weight:700;margin-bottom:10px}.test-result-modal-content .result-section .progress-bar-container{background-color:#e0e0e0;border-radius:8px;height:12px;margin-bottom:15px;overflow:hidden;width:100%}.test-result-modal-content .result-section .progress-bar{background-color:#4caf50;border-radius:8px;height:100%;transition:width .5s ease-in-out}.test-result-modal-content .result-section .career-value{border-left:3px solid #22afd4;margin-bottom:15px;padding-left:10px}.test-result-modal-content .result-section .career-value h4{color:#333;font-size:14px;font-weight:700;margin-bottom:5px;margin-top:0}.test-result-modal-content .result-section .career-value p{font-size:14px;margin:0}.test-result-modal-content .suicide-warning{background-color:#fffbe6;border:1px solid #ffe58f;border-radius:8px;margin-bottom:20px;padding:15px}.test-result-modal-content .suicide-warning h3{color:#faad14;margin-top:0}.test-result-modal-content .suicide-warning p{color:#d46b08}.test-result-modal-content .modal-footer{border-top:1px solid #eee;display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:20px}.test-result-modal-content .modal-footer button{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s,color .3s,transform .2s}.test-result-modal-content .modal-footer button:hover{transform:translateY(-2px)}.test-result-modal-content .modal-footer .view-all-button{background-color:#fff;border:1px solid #ddd;color:#22afd4}.test-result-modal-content .modal-footer .view-all-button:hover{background-color:#f8f8f8}.test-result-modal-content .modal-footer .chat-button{background-color:#22afd4;color:#fff}.test-result-modal-content .modal-footer .chat-button:hover{background-color:#1b8ba8}.avatar-selection-page{align-items:center;background-color:#daf4fa;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:30px;width:100%}@media(max-width:480px){.avatar-selection-page{justify-content:center;max-width:100%;overflow-x:hidden;padding:15px 10px;width:100%}}.avatar-selection-page .avatar-selection-header{font-family:SF Pro;margin-bottom:30px;margin-top:40px;text-align:center}@media(max-width:480px){.avatar-selection-page .avatar-selection-header{margin-bottom:20px;margin-top:15px;max-width:270px;padding:0 5px;width:90%}}.avatar-selection-page .avatar-selection-header h2{color:#234166;font-size:24px;font-weight:700;margin-bottom:8px}@media(max-width:480px){.avatar-selection-page .avatar-selection-header h2{font-size:20px;line-height:1.3;word-break:break-word}}.avatar-selection-page .avatar-selection-header p{color:#234166;font-size:16px}@media(max-width:480px){.avatar-selection-page .avatar-selection-header p{word-wrap:break-word;font-size:14px;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin-bottom:10px;overflow-wrap:break-word;white-space:normal;width:100%}}.avatar-selection-page .avatar-loading{align-items:center;display:flex;height:300px;justify-content:center}.avatar-selection-page .avatar-loading p{color:#666;font-size:16px}.avatar-selection-page .avatar-grid-container{align-items:center;display:flex;justify-content:center;width:100%}.avatar-selection-page .avatar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:30px}@media(max-width:768px){.avatar-selection-page .avatar-grid{grid-template-columns:repeat(3,1fr);margin:0 auto 30px}}@media(max-width:480px){.avatar-selection-page .avatar-grid{align-items:center;gap:15px;grid-template-columns:repeat(2,1fr);justify-content:center;justify-items:center;margin:0 auto 20px;max-width:250px}}.avatar-selection-page .avatar-grid .avatar-item{align-items:center;border:3px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:100px;justify-content:center;padding:20px;transition:all .2s ease;width:100px}@media(max-width:480px){.avatar-selection-page .avatar-grid .avatar-item{height:90px;padding:15px;width:90px}}.avatar-selection-page .avatar-grid .avatar-item:hover{transform:scale(1.05)}.avatar-selection-page .avatar-grid .avatar-item.selected{background-color:#23b1fb1a;border-color:#4aa8c4;border-radius:50%;height:100px;width:100px}.avatar-selection-page .avatar-grid .avatar-item img{border-radius:50%;height:auto;object-fit:cover;width:100%}.avatar-selection-page .avatar-selection-actions{display:flex;gap:10rem;justify-content:space-between;margin-top:20px}@media(max-width:768px){.avatar-selection-page .avatar-selection-actions{gap:2rem}}@media(max-width:480px){.avatar-selection-page .avatar-selection-actions{gap:1rem;justify-content:center;margin:20px auto 0;max-width:250px;width:100%}.avatar-selection-page .avatar-selection-actions button{flex:1 1;min-width:100px}}.avatar-selection-page .avatar-selection-actions button{border-radius:20px;cursor:pointer;font-family:SF Pro;font-size:20px;font-weight:600;padding:12px 24px;transition:all .2s ease}@media(max-width:480px){.avatar-selection-page .avatar-selection-actions button{font-size:16px;padding:10px 20px}}.avatar-selection-page .avatar-selection-actions button.cancel-button{background-color:#279eff;border:none;color:#fff}.avatar-selection-page .avatar-selection-actions button.cancel-button:hover{background-color:#e1e1e1}.avatar-selection-page .avatar-selection-actions button.confirm-button{background-color:#22afd4;border:none;color:#fff}.avatar-selection-page .avatar-selection-actions button.confirm-button:hover{background-color:#1e9bc1}.avatar-selection-page .avatar-selection-actions button.confirm-button:disabled{background-color:#ccc;color:#999;cursor:not-allowed}.avatar-edit-button-container{margin-left:-50px;margin-right:40px;margin-top:185px;text-align:center}.avatar-edit-button-container .edit-avatar-btn{background:#279eff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:.3s ease}.avatar-edit-button-container .edit-avatar-btn:hover{background:#357abd}.avatar-item{cursor:pointer;position:relative}.avatar-item img{border-radius:50%;height:100px;transition:transform .2s ease-in-out;width:100px}.avatar-item:hover{transform:scale(1.1)}.avatar-item .avatar-link{background-color:#000000b3;border-radius:5px;bottom:-20px;color:#fff;font-size:12px;left:50%;opacity:0;padding:4px 8px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:opacity .2s}.avatar-item .avatar-link:hover,.avatar-item:hover .avatar-link{opacity:1}.update-message-overlay{align-items:center;background:#0006;display:flex;font-family:SF Pro;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.update-message-box{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;font-size:18px;font-weight:700;padding:20px 30px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.psy-avatar-modal-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-backdrop-overlay{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.avatar-selection-modal-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:680px;overflow-y:auto;padding:40px;position:relative;width:90%;z-index:2}@media(max-width:768px){.avatar-selection-modal-content{max-height:85vh;max-width:90%;padding:30px 20px}}@media(max-width:480px){.avatar-selection-modal-content{border-radius:15px;max-width:95%;padding:20px 15px}}.modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:30px}.modal-close-button:hover{background-color:#f0f0f0;color:#333}.avatar-grid-psy{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr);justify-items:center;margin-bottom:30px}@media(max-width:768px){.avatar-grid-psy{gap:15px;grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.avatar-grid-psy{gap:12px;grid-template-columns:repeat(3,1fr)}}.avatar-item-psy{align-items:center;background-color:#74cfe84d;border:3px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;padding:8px;position:relative;transition:all .2s ease;width:80px}@media(max-width:768px){.avatar-item-psy{height:70px;padding:6px;width:70px}}@media(max-width:480px){.avatar-item-psy{height:60px;padding:5px;width:60px}}.avatar-item-psy:hover{background-color:#74cfe880;transform:scale(1.05)}.avatar-item-psy.selected{background-color:#23b1fb4d;border-color:#4aa8c4;box-shadow:0 0 0 2px #23b1fb80}.avatar-item-psy img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-item-psy .avatar-video-link{background-color:#000c;border-radius:12px;bottom:-25px;color:#fff;font-size:10px;left:50%;opacity:0;padding:4px 8px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10}.avatar-item-psy .avatar-video-link:hover{background-color:#000000e6;opacity:1}.avatar-item-psy:hover .avatar-video-link{opacity:1}.modal-mode .avatar-selection-header{font-family:SF Pro;margin-bottom:30px;text-align:center}.modal-mode .avatar-selection-header h2{color:#333;font-size:24px;font-weight:700;margin-bottom:12px}@media(max-width:480px){.modal-mode .avatar-selection-header h2{font-size:20px}}.modal-mode .avatar-selection-header p{color:#666;font-size:14px;line-height:1.5;margin:0}@media(max-width:480px){.modal-mode .avatar-selection-header p{font-size:13px}}.modal-mode .avatar-selection-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}@media(max-width:480px){.modal-mode .avatar-selection-actions{align-items:center;flex-direction:column;gap:15px}}.modal-mode .avatar-selection-actions button{border:none;border-radius:25px;cursor:pointer;font-family:SF Pro;font-size:16px;font-weight:600;min-width:100px;padding:12px 30px;transition:all .2s ease}@media(max-width:480px){.modal-mode .avatar-selection-actions button{font-size:14px;max-width:200px;padding:10px 25px;width:100%}}.modal-mode .avatar-selection-actions button.cancel-button{background-color:#f0f0f0;color:#666}.modal-mode .avatar-selection-actions button.cancel-button:hover{background-color:#e0e0e0;color:#333}.modal-mode .avatar-selection-actions button.confirm-button{background-color:#22afd4;color:#fff}.modal-mode .avatar-selection-actions button.confirm-button:hover{background-color:#1e9bc1}.modal-mode .avatar-selection-actions button.confirm-button:disabled{background-color:#ccc;color:#999;cursor:not-allowed}.user-avatar-modal-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.avatar-grid-user{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr);justify-items:center;margin-bottom:30px}@media(max-width:768px){.avatar-grid-user{gap:15px;grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.avatar-grid-user{gap:12px;grid-template-columns:repeat(3,1fr)}}.avatar-item-user{align-items:center;background-color:#74cfe84d;border:3px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;padding:8px;position:relative;transition:all .2s ease;width:80px}@media(max-width:768px){.avatar-item-user{height:70px;padding:6px;width:70px}}@media(max-width:480px){.avatar-item-user{height:60px;padding:5px;width:60px}}.avatar-item-user:hover{background-color:#74cfe880;transform:scale(1.05)}.avatar-item-user.selected{background-color:#23b1fb4d;border-color:#4aa8c4;box-shadow:0 0 0 2px #23b1fb80}.avatar-item-user img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-modal-overlay{align-items:center;display:flex;font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.avatar-modal-backdrop{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.avatar-modal-content{-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;max-height:90vh;max-width:680px;overflow-y:auto;overscroll-behavior:contain;padding:32px;position:relative;width:90%;z-index:2}@media(max-width:768px){.avatar-modal-content{height:auto;max-height:85vh;max-width:95%;padding:24px}}@media(max-width:480px){.avatar-modal-content{border-radius:15px;height:auto;max-height:80vh;max-width:95%;padding:20px}}.avatar-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.avatar-modal-header h2{color:#333;font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:600;margin:0}@media(max-width:480px){.avatar-modal-header h2{font-size:20px}}.avatar-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:400;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.avatar-modal-close:hover{background-color:#f0f0f0;color:#333}.avatar-modal-description{color:#666;font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.4;margin:0 0 24px}@media(max-width:480px){.avatar-modal-description{font-size:13px;margin-bottom:20px}}.avatar-modal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);justify-items:center;margin-bottom:32px}@media(max-width:768px){.avatar-modal-grid{gap:12px;grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.avatar-modal-grid{gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}}.avatar-modal-item{border:3px solid #0000;border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:relative;transition:all .2s ease;width:80px}@media(max-width:768px){.avatar-modal-item{height:70px;width:70px}}@media(max-width:480px){.avatar-modal-item{height:60px;width:60px}}.avatar-modal-item:hover{transform:scale(1.05)}.avatar-modal-item.selected{border-color:#22afd4;box-shadow:0 0 0 2px #22afd44d}.avatar-modal-item img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-modal-actions{display:flex;gap:16px;justify-content:center}@media(max-width:480px){.avatar-modal-actions{flex-direction:column;gap:12px}}.avatar-cancel-btn,.avatar-confirm-btn{border:none;border-radius:25px;cursor:pointer;font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;min-width:120px;padding:12px 32px;transition:all .2s ease}@media(max-width:480px){.avatar-cancel-btn,.avatar-confirm-btn{font-size:14px;padding:12px 24px;width:100%}}.avatar-cancel-btn{background-color:#f5f5f5;color:#666}.avatar-cancel-btn:hover{background-color:#e8e8e8;color:#333}.avatar-confirm-btn{background-color:#22afd4;color:#fff}.avatar-confirm-btn:hover{background-color:#1e9bc1}.avatar-confirm-btn:disabled{background-color:#ccc;color:#999;cursor:not-allowed}.avatar-confirm-btn:disabled:hover{background-color:#ccc}.set-traits-container{background-color:#def4fa;font-family:SF Pro;margin:0 auto;max-width:100%;padding:2rem 0;width:100%}.set-traits-container .content-wrapper{margin:0 auto;max-width:1200px;padding:0 1rem}.set-traits-container .chat-button{background-color:#279eff;border:none;border-radius:30px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;display:block;font-family:SF Pro;font-size:18px;font-weight:600;margin:25px auto 10px;padding:15px 30px;transition:background-color .3s ease,transform .2s ease}.set-traits-container .chat-button:hover{background-color:#1e88e5;box-shadow:0 6px 12px #00000026;transform:scale(1.05)}.set-traits-container .chat-button:active{transform:scale(.98)}.set-traits-container .notification-popup{animation:fadeInOut 3s ease-in-out;left:50%;position:fixed;top:20%;transform:translateX(-50%);z-index:1000}.set-traits-container .notification-popup .notification-content{align-items:center;background-color:#4caf50;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-family:SF Pro;padding:15px 25px}.set-traits-container .notification-popup .notification-content .notification-icon{font-size:18px;font-weight:700;margin-right:10px}.set-traits-container .notification-popup .notification-content span{font-size:16px}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.set-traits-container .header{margin-bottom:3rem;padding-bottom:2rem;padding-top:4rem;position:relative;text-align:center}.set-traits-container .header .avatar-row{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.set-traits-container .header .avatar-row .psy-avatar{border-radius:50%;height:120px;margin-right:.5rem;object-fit:cover;width:120px}.set-traits-container .header .avatar-row .edit-avatar-button{background-color:#279eff;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:80px;padding:.5rem 1rem;transition:background-color .2s ease}.set-traits-container .header .avatar-row .edit-avatar-button:hover{background-color:#ddd}.set-traits-container .header h1{color:#2d3748;font-family:SF Pro;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.set-traits-container .header p{color:#31313a;font-family:SF Pro;font-size:1.1rem;margin:0 auto;max-width:800px;text-align:center}.set-traits-container .error-message{align-items:center;background-color:#fff5f5;border:1px solid #feb2b2;border-radius:.5rem;color:#c53030;display:flex;gap:.5rem;margin-bottom:2rem;padding:1rem}.set-traits-container .error-message svg{height:20px;width:20px}.set-traits-container .traits-grid{grid-gap:1.5rem;display:grid;font-family:Poppins;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;margin-top:25rem}.set-traits-container .traits-grid .trait-card{background:#fff;border:2px solid #0000;border-radius:1rem;box-shadow:0 4px 6px #0000000d;cursor:pointer;padding:1.5rem;transition:all .3s ease}.set-traits-container .traits-grid .trait-card:hover{box-shadow:0 8px 12px #0000001a;transform:translateY(-2px)}.set-traits-container .traits-grid .trait-card.selected{background-color:#ebf8ff;border-color:#4299e1}.set-traits-container .traits-grid .trait-card.selected .trait-icon{transform:scale(1.1)}.set-traits-container .traits-grid .trait-card.loading{opacity:.7;pointer-events:none}.set-traits-container .traits-grid .trait-card .trait-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.set-traits-container .traits-grid .trait-card .trait-header .trait-icon{font-size:1.8rem;transition:transform .3s ease}.set-traits-container .traits-grid .trait-card .trait-header h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.set-traits-container .traits-grid .trait-card .trait-description{color:#718096;font-size:.95rem;line-height:1.5}.set-traits-container .traits-grid .trait-card .loading-indicator{align-items:center;color:#4299e1;display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem}.set-traits-container .traits-grid .trait-card .loading-indicator:before{animation:spin 1s linear infinite;border:2px solid #4299e1;border-radius:50%;border-top-color:#0000;content:"";height:16px;width:16px}.set-traits-container .footer-note{color:#718096;font-size:.95rem;margin-top:2rem;text-align:center}@media(max-width:768px){.set-traits-container{font-family:SF Pro;padding:5rem 1rem 1rem}.set-traits-container .header{margin-bottom:2rem;padding-top:3rem}.set-traits-container .header h1{font-size:2rem}.set-traits-container .header p{padding:0 10px;text-align:justify}.set-traits-container .header .avatar-row{flex-direction:column}.set-traits-container .header .avatar-row .edit-avatar-button{margin-left:0;margin-top:15px}.set-traits-container .traits-grid{font-family:Poppins;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;margin-top:35rem}.set-traits-container .chat-button{max-width:300px;padding:15px 25px;width:80%}}.notification-container{display:inline-block;position:relative}.notification-button{align-items:center;background:none;border:none;border-radius:50%;color:#4a90e2;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background-color .2s}.notification-button:hover{background-color:#4a90e21a}.notification-button svg{height:22px;width:22px}.notification-badge{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px;position:absolute;right:0;top:0}.notification-panel-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;max-height:80vh;max-width:400px;min-width:320px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@media(max-width:480px){.notification-panel-container{border-radius:0;bottom:0;left:0;margin:0;max-height:100vh;max-width:100%;position:fixed;right:0;top:0;width:100%}}.notifications-panel{display:flex;flex-direction:column;height:100%;max-height:80vh}@media(max-width:480px){.notifications-panel{max-height:100vh}}.notifications-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:12px 16px}.notifications-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.notifications-header .notifications-actions{align-items:center;display:flex;gap:8px}.notifications-header .mark-all-read{background:none;border:none;border-radius:4px;color:#4a90e2;cursor:pointer;font-size:13px;padding:4px 8px}.notifications-header .mark-all-read:hover{background-color:#4a90e21a}.notifications-header .close-notifications{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px}.notifications-header .close-notifications:hover{background-color:#0000000d}.notifications-content{flex:1 1;overflow-y:auto;padding:8px 0}.notifications-list{list-style:none;margin:0;padding:0}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;position:relative;transition:background-color .2s}.notification-item:hover{background-color:#f9f9f9}.notification-item.unread{background-color:#4a90e20d}.notification-item.unread:before{background-color:#4a90e2;border-radius:0 2px 2px 0;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.notification-item.unread .notification-title{font-weight:700}.notification-item:last-child{border-bottom:none}.notification-title{color:#333;font-size:15px;margin-bottom:4px}.notification-content{color:#666;font-size:13px;line-height:1.4;margin-bottom:8px}.notification-date{color:#999;font-size:12px}.loading-notifications,.no-notifications{color:#888;font-size:14px;padding:20px;text-align:center}.progress-tracker-page{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:30px 20px 20px;width:100%}.progress-tracker-page .progress-header{margin-bottom:30px;text-align:center}.progress-tracker-page .progress-header h1{color:#333;font-size:32px;margin:0}.progress-tracker-page .progress-content{display:flex;gap:30px}@media(max-width:768px){.progress-tracker-page .progress-content{flex-direction:column}}.progress-tracker-page .progress-content .left-column{flex:1 1;max-width:300px}@media(max-width:768px){.progress-tracker-page .progress-content .left-column{max-width:100%}}.progress-tracker-page .progress-content .right-column{display:flex;flex:2 1;flex-direction:column;gap:20px}.progress-tracker-page .daily-ring-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px}.progress-tracker-page .daily-ring-container h3{color:#444;font-size:18px;margin-bottom:15px;margin-top:0}.progress-tracker-page .daily-ring-container .ring-graphic{height:200px;margin:0 auto;position:relative;width:200px}.progress-tracker-page .daily-ring-container .ring-graphic svg{left:0;position:absolute;top:0}.progress-tracker-page .daily-ring-container .ring-graphic .ring-percentage{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-tracker-page .daily-ring-container .ring-graphic .ring-percentage h2{color:#4caf50;font-size:32px;margin:0}.progress-tracker-page .daily-ring-container .ring-graphic .ring-percentage p{color:#666;font-size:14px;margin:5px 0 0}.progress-tracker-page .daily-ring-container .xp-summary{margin-top:15px;text-align:center}.progress-tracker-page .daily-ring-container .xp-summary p{color:#666;font-size:16px}.progress-tracker-page .daily-ring-container .xp-summary p strong{color:#4caf50}.progress-tracker-page .streak-tracker{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:20px}.progress-tracker-page .streak-tracker h3{color:#444;font-size:18px;margin-bottom:15px;margin-top:0}.progress-tracker-page .streak-tracker .streak-container{align-items:center;display:flex;position:relative}.progress-tracker-page .streak-tracker .streak-container .streak-icon{height:50px;margin-right:15px;width:50px}.progress-tracker-page .streak-tracker .streak-container .streak-info h2{color:#ff9800;font-size:32px;margin:0}.progress-tracker-page .streak-tracker .streak-container .streak-info p{color:#666;font-size:14px;margin:0}.progress-tracker-page .streak-tracker .streak-container .celebration-animation{animation:bounce 1s ease-in-out infinite alternate;position:absolute;right:20px;text-align:center;top:-20px}.progress-tracker-page .streak-tracker .streak-container .celebration-animation span{font-size:24px}.progress-tracker-page .streak-tracker .streak-container .celebration-animation p{color:#ff9800;font-size:14px;font-weight:700;margin:5px 0 0}.progress-tracker-page .today-cards-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:20px}.progress-tracker-page .today-cards-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.progress-tracker-page .today-cards-section .section-header h2{color:#444;font-size:20px;margin:0}.progress-tracker-page .today-cards-section .section-header .carousel-controls{display:flex;gap:10px}.progress-tracker-page .today-cards-section .cards-carousel{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));overflow-x:auto;padding-bottom:10px}@media(max-width:768px){.progress-tracker-page .today-cards-section .cards-carousel{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.progress-tracker-page .task-card{background-color:#fff;border:2px solid;border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.progress-tracker-page .task-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.progress-tracker-page .task-card.completed{opacity:.85}.progress-tracker-page .task-card .card-header{align-items:center;color:#fff;display:flex;gap:10px;padding:15px}.progress-tracker-page .task-card .card-header .card-icon{height:24px;width:24px}.progress-tracker-page .task-card .card-header h3{font-size:16px;margin:0}.progress-tracker-page .task-card .card-body{display:flex;flex-direction:column;gap:15px;padding:15px}.progress-tracker-page .task-card .card-body p{color:#666;font-size:14px;margin:0}.progress-tracker-page .task-card .card-body .completion-message{align-items:center;display:flex;gap:10px}.progress-tracker-page .task-card .card-body .completion-message .check-mark{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.progress-tracker-page .task-card .card-body .task-button{border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:opacity .3s ease}.progress-tracker-page .task-card .card-body .task-button:hover{opacity:.9}.progress-tracker-page .whats-left{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:20px}.progress-tracker-page .whats-left h3{color:#444;font-size:18px;margin-bottom:15px;margin-top:0}.progress-tracker-page .whats-left .tasks-list{display:flex;flex-direction:column;gap:10px}.progress-tracker-page .whats-left .task-item{align-items:center;background-color:#f9f9f9;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:12px;transition:background-color .3s ease}.progress-tracker-page .whats-left .task-item:hover{background-color:#f0f0f0}.progress-tracker-page .whats-left .task-item .task-icon{height:20px;width:20px}.progress-tracker-page .whats-left .task-item p{color:#444;flex-grow:1;font-size:14px;margin:0}.progress-tracker-page .whats-left .task-item .start-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s ease}.progress-tracker-page .whats-left .task-item .start-button:hover{background-color:#1976d2}.progress-tracker-page .whats-left .all-complete-message{background-color:#f1f8e9;border-radius:8px;padding:15px;text-align:center}.progress-tracker-page .whats-left .all-complete-message p{color:#388e3c;font-size:16px;font-weight:700;margin:0}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.termsCondition{-ms-overflow-style:none;padding-left:0!important;padding-right:0!important;scrollbar-width:none}.termsCondition::-webkit-scrollbar{display:none}.termsCondition .headline{color:#000!important;font-size:20px!important}.termsCondition .subheadline{color:#000!important;font-size:18px!important}.termsCondition .paragraph,.termsCondition li{color:#000!important;font-size:14px!important}.modal .modal-actions{text-align:center!important}.modal .button-container,.modal .modal-actions{align-items:center!important;display:flex!important;justify-content:center!important}.modal .button-container{gap:2rem!important;margin:0 auto!important;width:100%!important}.loading-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-popup .loading-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;color:#333;font-size:1.2rem;padding:30px 40px;text-align:center}.loading-popup .loading-content p{margin:0 0 15px}.loading-popup .loading-content button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.loading-popup .loading-content button:hover{background-color:#0056b3}.login-form-container .welcome-title{color:#fff;font-size:30px;text-align:left}.language-dropdown-signup{margin:0}.language-dropdown-signup .language-dropdown-label{color:#177085;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.language-dropdown-signup select{-webkit-appearance:none;appearance:none;background:#50b4ce;border:none;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.language-dropdown-signup select:focus,.language-dropdown-signup select:hover{background:#5bb9d1}.language-dropdown-signup select option{background:#50b4ce;color:#fff}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 20px 10px}.modal-header h2{color:#333;font-family:SF pro;font-size:24px;font-weight:600;margin:0}.modal-header .close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-header .close-button:hover{color:#333}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-body>:first-child{margin-top:0}.modal-body h3{color:#333;font-family:SF pro;font-size:18px;font-weight:600;margin:30px 0 10px}.modal-body p{color:#666;font-family:SF pro;font-size:14px;line-height:1.6;margin-bottom:15px}.modal-actions{border-top:1px solid #f0f0f0;padding:14px 20px}.modal-actions .button-container{display:flex;gap:15px;justify-content:flex-end}.modal-actions .button-container .disagree-button{background:#0000;border:2px solid #22afd4;border-radius:25px;color:#22afd4;cursor:pointer;font-family:SF pro;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.modal-actions .button-container .disagree-button:hover{background:#22afd4;color:#fff}.modal-actions .button-container .agree-button{background:#22afd4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:SF pro;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.modal-actions .button-container .agree-button:hover{background:#1e9bc4;box-shadow:0 4px 12px #22afd44d;transform:translateY(-1px)}@media only screen and (max-width:1024px){.download-popup{align-items:center;background:#0009;background-size:cover;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;max-width:400px;padding:20px;text-align:center;width:80%}.popup-content p{color:#333;font-family:Poppins;font-size:18px;margin-bottom:20px;text-align:center}.continue-button,.download-button{background-color:#007aff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins;font-size:14px;margin:5px;padding:10px 20px;transition:background-color .3s ease}.download-button:hover{background-color:#005bb5}.close-button{background-color:#ccc;color:#333}.close-button:hover{background-color:#999}}@media(max-width:600px){.language-dropdown-signup{margin:15px 0;position:relative;width:100%}.language-dropdown-signup .language-dropdown-label{display:block;font-size:18px;margin-bottom:0}.language-dropdown-signup select{margin-top:30px;width:80%}}.password-requirements{font-family:SF pro;margin:0}.password-requirements p{color:#177085;font-size:12px;line-height:1.4;margin:0;text-align:left}.checkbox-header{margin:10px 0 15px}.checkbox-header p{color:#177085;font-family:SF pro;font-size:16px;font-weight:600;margin:0;text-align:left}.checkbox-section{display:flex;flex-direction:column;gap:0;margin:0}.signup-checkbox{-webkit-appearance:none;appearance:none;background-color:#0000;border:1px solid #22afd4!important;border-radius:4px;cursor:pointer;flex-shrink:0;height:12px!important;position:relative;width:12px!important}.signup-checkbox:checked{background-color:#0000!important}.signup-checkbox:checked:before{background-color:#22afd4;border-radius:1px;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.signup-checkbox:hover{border-color:#1e9bc4}.signup-checkbox:focus{box-shadow:0 0 0 2px #22afd44d;outline:none}.login-form .checkbox-label{color:#177085!important;cursor:pointer;flex:1 1;font-family:SF pro;font-size:14px;line-height:1.4;margin:0}.checkbox-container{align-items:center;display:flex;gap:5px;margin-bottom:15px}.login-link{margin-top:15px;text-align:center}.login-link span{color:#afafaf;font-size:16px;font-weight:550}.login-link .forgot-password-link{color:#177085;font-weight:600;text-decoration:underline}.login-link .forgot-password-link:hover{color:#1e9bc4;text-decoration:underline}.waitlist-message{background:#ffffff1a;border-left:4px solid #22afd4;border-radius:10px;color:#177085;font-size:14px;margin-bottom:20px;padding:15px;text-align:center}.error-message{margin-top:10px;text-align:center}.error-message p{color:#177085;font-size:14px;font-weight:500;margin:0}.language-popup{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.language-popup-content{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:40px;text-align:center;width:90%}.language-popup-title{color:#177085;font-family:SF pro;font-size:18px;font-weight:600;margin-bottom:30px}.language-options{display:flex;flex-direction:column;gap:15px}.language-option{background:#50b4ce;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:SF pro;font-size:16px;font-weight:600;padding:16px 20px;transition:all .3s ease;width:100%}.language-option:hover{background:#5bb9d1;box-shadow:0 4px 12px #50b4ce4d;transform:translateY(-2px)}.language-option:active{transform:translateY(0)}.chat-header{align-items:center;background-color:#fff;border-bottom:none;display:flex;justify-content:space-between;min-height:60px;padding:12px 20px;position:relative;z-index:100}.chat-header .chat-header-left{align-items:center;display:flex;gap:10px}.chat-header .chat-header-left .error-message{background-color:#ff00001a;border-radius:4px;color:#d32f2f;font-size:.75rem;padding:4px 8px;text-align:center}.chat-header .trait-selector{position:relative}.chat-header .trait-selector .trait-dropdown-button{align-items:center;background-color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:SF pro;gap:8px;min-width:280px;padding:8px 12px;transition:all .2s ease}.chat-header .trait-selector .trait-dropdown-button.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.chat-header .trait-selector .trait-dropdown-button .trait-label{color:#22afd4;font-size:.85rem;font-size:18px;font-weight:900}.chat-header .trait-selector .trait-dropdown-button .current-trait{color:#22afd4;flex:1 1;font-size:.9rem;font-size:16px;text-align:left}.chat-header .trait-selector .trait-dropdown-button .dropdown-arrow{color:#22afd4;font-size:.75rem;transition:transform .2s ease}.chat-header .trait-selector .trait-dropdown-button.open .dropdown-arrow{transform:rotate(180deg)}.chat-header .trait-selector .trait-dropdown{background-color:#fff;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0000001f;font-family:SF Pro;left:0;max-height:400px;min-width:450px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.chat-header .trait-selector .trait-dropdown .trait-option{align-items:flex-start;background:none;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;font-weight:900;gap:12px;padding:16px;text-align:left;transition:background-color .2s ease;width:100%}.chat-header .trait-selector .trait-dropdown .trait-option:hover{background-color:#f8f9fa}.chat-header .trait-selector .trait-dropdown .trait-option.selected{background-color:#f4fbfd}.chat-header .trait-selector .trait-dropdown .trait-option:last-child{border-bottom:none;border-radius:0 0 12px 12px}.chat-header .trait-selector .trait-dropdown .trait-option .trait-icon{flex-shrink:0;height:24px;margin-top:2px;width:24px}.chat-header .trait-selector .trait-dropdown .trait-option .trait-info{flex:1 1}.chat-header .trait-selector .trait-dropdown .trait-option .trait-info .trait-title{color:#333;font-size:16px;font-weight:600;line-height:1.2;margin-bottom:6px}.chat-header .trait-selector .trait-dropdown .trait-option .trait-info .trait-description{color:#639eab;font-size:14px;line-height:1.4;margin:0}.chat-header .chat-header-right{align-items:center;display:flex;gap:12px}.chat-header .chat-header-right .nav-icon-button{align-items:center;background-color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .2s ease;width:50px}.chat-header .chat-header-right .nav-icon-button:hover{background-color:#e1f8fe}.chat-header .chat-header-right .nav-icon-button.unlocked{opacity:1}.chat-header .chat-header-right .nav-icon-button.locked{cursor:not-allowed;opacity:.6}.chat-header .chat-header-right .nav-icon-button .nav-icon{height:32px;object-fit:contain;width:32px}.chat-header .chat-header-right .nav-icon-button .progress-indicator{background-color:#0000001a;border-radius:2px;bottom:2px;height:3px;left:2px;overflow:hidden;position:absolute;right:2px}.chat-header .chat-header-right .nav-icon-button .progress-indicator .progress-fill{background-color:var(--primary-color);height:100%;transition:width .3s ease}.chat-header .chat-header-right .theme-toggle-wrapper{align-items:center;display:flex;height:50px;margin-left:8px}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle{align-items:center;display:flex;gap:8px;height:100%}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch{display:inline-block;height:24px;position:relative;width:50px}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch input{height:0;opacity:0;width:0}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch .slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch .slider .toggle-icons{display:flex;font-size:10px;justify-content:space-between;padding:0 6px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch input:checked+.slider{background-color:var(--primary-color)}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch input:checked+.slider:before{transform:translateX(26px)}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-label{color:var(--text-secondary);font-size:.8rem;margin:0;padding:0;white-space:nowrap}@media(max-width:768px){.chat-header{background-color:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:8px;left:0;padding:8px 12px;position:fixed;top:-100%;transition:top .3s ease-in-out;width:100%;z-index:1001}.chat-header.visible{top:0}.chat-header .chat-header-left{flex:1 1;min-width:200px}.chat-header .chat-header-left .trait-selector .trait-dropdown-button{min-width:150px;padding:6px 10px}.chat-header .chat-header-left .trait-selector .trait-dropdown-button .trait-label{font-size:.8rem}.chat-header .chat-header-left .trait-selector .trait-dropdown-button .current-trait{font-size:.85rem}.chat-header .chat-header-right{gap:8px}.chat-header .chat-header-right .nav-icon-button{height:35px;width:35px}.chat-header .chat-header-right .nav-icon-button .nav-icon{height:20px;width:20px}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-label{display:none}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch{height:20px;width:40px}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch .slider:before{bottom:3px;height:14px;left:3px;width:14px}.chat-header .chat-header-right .theme-toggle-wrapper .theme-toggle .theme-switch input:checked+.slider:before{transform:translateX(20px)}.chat-header-toggle{align-items:center;background-color:#22afd4e6;border:none;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;position:fixed;top:10px;transform:translateX(-50%);transition:all .2s ease;width:60px;z-index:1002}.chat-header-toggle:hover{background-color:#22afd4;transform:translateX(-50%) scale(1.05)}.chat-header-toggle .toggle-icon{filter:brightness(0) invert(1);height:55px;object-fit:contain;width:55px}}[data-theme=dark] .chat-header{background-color:#313132!important;border-bottom-color:#444}[data-theme=dark] .chat-header .trait-dropdown{box-shadow:0 4px 8px #0000004d}[data-theme=dark] .chat-header .nav-icon-button.locked{opacity:.4}[data-theme=dark] .chat-header-toggle{background-color:#22afd4e6!important}[data-theme=dark] .chat-header-toggle:hover{background-color:#22afd4!important}.dark-mode .chat-header{background-color:#313132!important;border-bottom-color:#444}.dark-mode .chat-header .trait-dropdown{background-color:#2a2a2a}.dark-mode .chat-header .trait-dropdown .trait-option{border-bottom-color:#444}.dark-mode .chat-header .trait-dropdown .trait-option:hover{background-color:#3a3a3a}.dark-mode .chat-header .trait-dropdown .trait-option.selected{background-color:#2c5282}.dark-mode .chat-header .trait-dropdown .trait-option .trait-info .trait-title{color:#e0e0e0}.dark-mode .chat-header .trait-dropdown .trait-option .trait-info .trait-description{color:#b0b0b0}.dark-mode .chat-header .trait-dropdown-button{background-color:#313132!important}.dark-mode .chat-header .trait-dropdown-button .current-trait,.dark-mode .chat-header .trait-dropdown-button .dropdown-arrow,.dark-mode .chat-header .trait-dropdown-button .trait-label{color:#22afd4!important}.dark-mode .chat-header-toggle{background-color:#22afd4e6!important}.dark-mode .chat-header-toggle:hover{background-color:#22afd4!important}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:#0000;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}.voice-input-container{align-items:center;background-color:#f0f8ff;border:1px solid #d1e3f8;border-radius:20px;bottom:100px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:50%;max-width:400px;padding:20px;position:fixed;transform:translateX(-50%);width:80%;z-index:1001}.voice-input-text{color:#22afd4;font-size:18px;font-weight:500;margin-bottom:15px}.progress-bar-container{align-items:center;background-color:#e0f2f7;border-radius:25px;box-sizing:border-box;display:flex;height:20px;padding:0;position:relative;width:100%}.progress-bar{background-color:#22afd4;border-radius:25px;height:30px;transition:width .1s ease-out;width:60%}.progress-bar.processing{animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6;width:30%}to{opacity:1;width:80%}}.volume-icon{height:20px;position:absolute;right:15px;width:20px}.voice-mode-container{align-items:center;bottom:200px;display:flex;flex-direction:column;gap:30px;left:50%;position:fixed;transform:translateX(-50%);z-index:1002}.voice-mode-container .voice-input-container{bottom:auto;left:auto;max-width:600px;padding:25px;position:relative;transform:none;width:90%}.voice-mode-stop-button,.voice-mode-stop-button-container{align-items:center;display:flex;justify-content:center}.voice-mode-stop-button{background-color:#f44336;border:none;border-radius:50%;box-shadow:0 4px 12px #f443364d;color:#fff;cursor:pointer;height:80px;transition:all .3s ease;width:80px}.voice-mode-stop-button:hover{background-color:#d32f2f;box-shadow:0 6px 16px #f4433666;transform:scale(1.1)}.voice-mode-stop-button:active{transform:scale(.95)}.overlay,.overlay-avatar{display:none!important}@media (max-width:768px){.voice-mode-container{bottom:150px;gap:20px}.voice-mode-container .voice-input-container{max-width:500px;padding:20px;width:95%}.voice-mode-stop-button{height:70px;width:70px}}.theme-toggle{align-items:center;display:flex;margin-bottom:0;padding:0}.theme-toggle .theme-switch{display:inline-block;height:30px;margin-right:10px;position:relative;width:60px}.theme-toggle .theme-switch input{height:0;opacity:0;width:0}.theme-toggle .theme-switch input:checked+.slider{background-color:#242f3f}.theme-toggle .theme-switch input:checked+.slider:before{transform:translateX(30px)}.theme-toggle .theme-switch input:checked+.slider .toggle-icons .sun-icon{opacity:0}.theme-toggle .theme-switch input:checked+.slider .toggle-icons .moon-icon{opacity:1}.theme-toggle .theme-switch input:focus+.slider{box-shadow:0 0 3px #4cc9fe}.theme-toggle .theme-switch .slider{background-color:#99deff;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.theme-toggle .theme-switch .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px;z-index:2}.theme-toggle .theme-switch .slider.round{border-radius:34px}.theme-toggle .theme-switch .slider.round:before{border-radius:50%}.theme-toggle .theme-switch .slider .toggle-icons{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 5px;position:absolute;width:100%}.theme-toggle .theme-switch .slider .toggle-icons .moon-icon,.theme-toggle .theme-switch .slider .toggle-icons .sun-icon{font-size:16px;transition:opacity .3s}.theme-toggle .theme-switch .slider .toggle-icons .sun-icon{opacity:1}.theme-toggle .theme-switch .slider .toggle-icons .moon-icon{opacity:0}.theme-toggle .theme-label{color:#24315e;font-family:Poppins;font-size:14px;font-weight:500}.chat-header .theme-toggle{height:100%;margin-bottom:0;padding:0}.chat-header .theme-toggle .theme-switch{height:24px;margin-right:8px;width:50px}.chat-header .theme-toggle .theme-label{color:var(--text-secondary);font-size:.8rem}.dark-mode .theme-toggle .theme-label{color:#e0e0e0}.support-background{background-attachment:fixed;background-color:#f8f6f4;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0;min-height:80vh;padding:0}.support-container{border-radius:8px;color:#1e2246;font-family:Poppins;margin:0 auto;max-width:600px;padding:80px 20px 20px;position:relative;top:20px;z-index:3}.support-container p{color:#1e2246;margin-bottom:30px;margin-top:50px}.support-container label{color:#4b4a4a}.form-group{margin-bottom:15px}.form-control{background-color:#ffffff1a;border:1px solid #ccc;border-radius:5px;color:#4b4a4a;margin-top:5px;padding:10px;width:100%}.btn-primary{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.btn-primary:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.file-upload-section{margin-bottom:20px}.file-upload-section label{display:block;font-weight:500;margin-bottom:8px}.file-upload-section .file-upload-controls{align-items:center;display:flex;margin-bottom:10px}.file-upload-section .file-upload-controls .browse-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.file-upload-section .file-upload-controls .browse-button:hover{background-color:#e0e0e0}.file-upload-section .file-upload-controls .browse-button:disabled{cursor:not-allowed;opacity:.6}.file-upload-section .file-upload-controls .file-count{color:#666;font-size:14px;margin-left:12px}.file-upload-section .file-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.file-upload-section .file-preview .file-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:8px;position:relative;width:120px}.file-upload-section .file-preview .file-item .file-thumbnail{border-radius:3px;height:80px;margin-bottom:6px;object-fit:cover;width:100%}.file-upload-section .file-preview .file-item .file-name{display:block;font-size:12px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-section .file-preview .file-item .remove-file{background-color:rgba(255,0,0,.082);border:1px solid #fcc;border-radius:3px;color:#d32f2f;cursor:pointer;font-size:12px;padding:4px;width:100%}.file-upload-section .file-preview .file-item .remove-file:hover{background-color:rgba(255,0,0,.145)}.feedback{border-radius:4px;margin-top:16px;padding:10px;text-align:center}.feedback.error{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.feedback.success{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}@media only screen and (max-width:1024px){.support-container{border-radius:8px;color:#1e2246;font-family:Poppins;margin:0 auto;max-width:75%;padding:20px;position:relative;top:20px;z-index:3}.support-container p{color:#1e2246;margin-bottom:30px;margin-top:50px}.support-container label{color:#4b4a4a}}.resource-page{margin-top:10vh;padding-left:20em;padding-right:20em}.masthead-heading{color:#e9e1d6;font-family:Verdana;font-size:3em;font-style:normal;font-weight:700;letter-spacing:-.02em;margin-left:80px;margin-right:80px;margin-top:-.2em;text-transform:uppercase}images .inlineImage{float:right;height:auto;margin-bottom:15px;margin-left:15px;padding:20px;width:45%}.paragraph-bg-1{background-color:#fff;border-radius:30px;padding:25px}.paragraph-bg-2{background-image:url(/static/media/bedroom.f81135a969f2d18008ec.jpg);border-radius:30px;padding:25px}@media only screen and (max-width:1024px){.resource-page{margin-top:10vh;padding-left:20em;padding-right:20em}}.reset-page-container{background:url(/static/media/login.6b9f6ceb7ce3239ef723.png) no-repeat 50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh;padding-top:60px}.reset-page{background:#0000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.reset-container,.reset-page{align-items:center;display:flex}.reset-container{gap:100px;height:100vh;max-width:1200px;width:100%}.left-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.character-image{height:auto;max-width:400px;object-fit:contain;width:100%}.right-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.reset-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:400px}.reset-title{color:#fff;font-size:30px;font-weight:600;margin-bottom:20px;text-align:center}.reset-form{gap:20px}.input-section,.reset-form{display:flex;flex-direction:column}.input-section{gap:8px}.input-label{color:#177085;font-size:16px;font-weight:550;margin-bottom:5px}.email-input,.password-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5ab7d0;border:none;border-radius:10px;box-sizing:border-box;color:#fff;font-size:16px;outline:none;padding:26px 30px;transition:all .3s ease;width:100%}.email-input::placeholder,.password-input::placeholder{color:#ffffffb3;font-size:14px;font-weight:600}.reset-button{background:#22afd4;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:10px auto 0;padding:20px;transition:all .3s ease;width:90%}.reset-button:hover{background:#1e9bc4;box-shadow:0 4px 12px #22afd44d;transform:translateY(-2px)}.reset-button:active{transform:translateY(0)}.reset-button:disabled{background:#999;box-shadow:none;cursor:not-allowed;transform:none}.loading-message{color:#fff;font-size:16px;margin:20px 0;text-align:center}.message{border-radius:10px;font-size:14px;margin-top:20px;padding:12px;text-align:center}.success-message{background:#0000;border:none;color:#000}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}@media(max-width:768px){.reset-container{flex-direction:column;gap:20px;height:auto;min-height:100vh}.left-section{flex:0 0 auto;padding:10px 20px 5px}.character-image{margin-bottom:0;max-width:250px}.right-section{padding:5px 20px 20px}.reset-form-container{padding:20px 20px 30px}.reset-title{font-size:26px;margin-bottom:30px;margin-top:0}}.payment-modal-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.payment-modal-content{background:#fff;border-radius:14px;box-shadow:0 10px 25px #0000001a;color:#000;height:650px;max-width:95%;padding:20px;position:relative;width:650px}.payment-modal-close-btn{background:none;border:none;color:#000;cursor:pointer;font-size:20px;line-height:1;position:absolute;right:15px;top:15px}.payment-modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:18px;padding-bottom:20px;text-align:left}.payment-modal-header h2{font-size:16px;font-weight:600;margin:0}.payment-modal-header p{color:#6b7280;font-size:14px;margin-top:5px}.payment-method-instruction{margin-bottom:20px;text-align:left}.payment-method-instruction p{color:#6b7280;font-size:14px;margin:0}.payment-method-selection{display:flex;flex-direction:column;gap:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:365px}.payment-method-option{align-items:center;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s,border-color .2s;width:365px}.payment-method-option.selected{background-color:#fff;border-color:#22afd4;border-width:1.5px}.payment-method-option:hover{background-color:#f9fafb}.payment-method-details{align-items:center;display:flex;font-weight:500;gap:15px}.payment-method-logos img{height:24px;margin-left:5px}.payment-method-logos{align-items:center;display:flex;gap:8px}.selection-checkmark{align-items:center;border:2px solid #d1d5db;border-radius:50%;display:flex;height:22px;justify-content:center;width:22px}.selection-checkmark.selected{background-color:#1aad1a;border-color:#1aad1a}.selection-checkmark.selected:after{color:#fff;content:"✔";font-size:14px}.payment-modal-footer{bottom:40px;display:flex;gap:20px;justify-content:center;left:0;position:absolute;right:0}.payment-modal-footer button{border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 40px}.cancel-btn{background-color:#fff;border:1px solid #d1d5db!important;color:#111827}.next-btn{background-color:#22afd4;color:#fff}.wechat-qr-container{padding:20px;text-align:left}.wechat-qr-container p{color:#000;font-size:14px;margin:8px 0}.wechat-qr-container img{border:1px solid #22afd4;border-radius:8px;box-shadow:none;height:200px;margin-top:20px;width:200px}.card-element-container{border:1px solid #ccc;border-radius:4px;margin:10px 0;padding:10px}.card-payment-body{display:flex}.plan-summary-panel{background-color:#fff;border-radius:10px;flex-basis:35%;padding:0}.plan-summary-panel h3{font-size:20px;font-weight:600;margin-top:0}.plan-summary-panel .price{font-size:30px;font-weight:700;margin:10px 0}.plan-summary-panel .price span{color:#6b7280;font-size:16px;font-weight:400;margin-left:5px}.card-form-panel{flex-basis:65%}.form-label{color:#374151;display:block;font-size:12px;font-weight:400;margin-bottom:8px;margin-top:5px;text-align:left}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-row>*{flex:1 1}.form-row>.StripeElement,.form-row>input{width:100%}.StripeElement,input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:16px;height:40px;padding:12px;width:100%}.StripeElement::placeholder,input::placeholder{color:#9ca3af}.StripeElement{padding-bottom:12px;padding-top:12px}.pay-button{background-color:#22afd4;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:30px auto 0;padding:14px;transition:background-color .2s;width:60%}.pay-button:hover{background-color:#1a8aab}.pay-button:disabled{background-color:#9ca3af;cursor:not-allowed}@media(max-width:768px){.payment-modal-content{height:500px;max-height:90vh;overflow-y:auto;padding:15px;width:90%}.payment-method-selection{margin-top:20px;position:static;transform:none;width:100%}.payment-method-option{padding:12px;width:100%}.payment-modal-footer{margin-top:30px;padding-top:20px;position:static}.payment-modal-footer button{font-size:14px;padding:10px 25px}.wechat-qr-container img{height:150px;width:150px}.card-payment-body{flex-direction:column;gap:20px}.card-form-panel,.plan-summary-panel{flex-basis:auto}.form-row{flex-direction:column;gap:10px}.pay-button{padding:12px;width:80%}}.buy-credit{background:#fff;color:#333;font-family:Poppins;font-size:16px;min-height:100vh;padding:20px}.buy-credit .gift-banner{animation:slideDown .3s ease-out;background:#f4fbfd;border-radius:8px;left:50%;max-width:90%;padding:15px 30px;position:absolute;text-align:center;top:65px;transform:translateX(-50%);width:auto}.buy-credit .gift-banner .gift-message{color:#24b0d5;font-size:16px;font-weight:500;margin:0}.buy-credit .yearly-subscriber-banner{animation:slideDown .3s ease-out;background:#f4fbfd;border-radius:8px;cursor:pointer;left:50%;max-width:90%;padding:15px 30px;position:absolute;text-align:center;top:65px;transform:translateX(-50%);transition:all .3s ease;width:auto}.buy-credit .yearly-subscriber-banner:hover{background:#e8f6fa;box-shadow:0 4px 12px #0000001a;transform:translateX(-50%) translateY(-2px)}.buy-credit .yearly-subscriber-banner .yearly-subscriber-message{color:#24b0d5;font-size:16px;font-weight:500;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.buy-credit .subscription-container{background:#fff;border-radius:20px;margin:30px auto 0;max-width:1200px;padding:40px}.buy-credit .subscription-container .subscription-header{align-items:flex-start;display:flex;justify-content:center;margin-bottom:30px;position:relative}.buy-credit .subscription-container .subscription-title{color:#177085;font-size:28px;font-weight:600;margin-bottom:8px;margin-top:50px;text-align:center}.buy-credit .subscription-container .subscription-subtitle{color:#87a8bf;font-size:16px;margin-bottom:0;text-align:center}.buy-credit .subscription-container .progress-section{position:absolute;right:0;top:0}.buy-credit .subscription-container .progress-section .circular-progress{display:inline-block;margin-top:50px;position:relative}.buy-credit .subscription-container .progress-section .circular-progress .progress-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.buy-credit .subscription-container .progress-section .circular-progress .progress-content .progress-number{color:#22afd4;font-size:14px;font-weight:600;line-height:1}.buy-credit .subscription-container .progress-section .circular-progress .progress-content .progress-label{color:#666;font-size:14px;margin-top:2px}.buy-credit .subscription-container .progress-section .circular-progress .progress-content .unlimited-text{color:#22afd4;font-size:14px;font-weight:600;line-height:1}.buy-credit .subscription-container .progress-section .circular-progress .progress-content .unlimited-subtext{color:#22afd4;font-size:14px;margin-top:2px}.buy-credit .subscription-container .plan-tabs{background:#f0f7fa;border-radius:25px;display:flex;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.buy-credit .subscription-container .plan-tabs .tab-button{background:#0000;border:none;border-radius:21px;color:#87a8bf;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s ease}.buy-credit .subscription-container .plan-tabs .tab-button.active{background:#22afd4;box-shadow:0 2px 4px #22afd433;color:#fff}.buy-credit .subscription-container .plan-tabs .tab-button:hover:not(.active){background:#f4fbfd;color:#22afd4}.buy-credit .subscription-container .plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.buy-credit .subscription-container .plans-grid .plan-container{align-items:flex-start;display:flex;position:relative}.buy-credit .subscription-container .plans-grid .plan-container .gift-section{align-items:center;background-color:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;left:100%;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:120px;z-index:10}.buy-credit .subscription-container .plans-grid .plan-container .gift-section:hover{transform:translateY(-50%) scale(1.05)}.buy-credit .subscription-container .plans-grid .plan-container .gift-section .gift-discount{color:#f39c12;font-size:20px;font-weight:700;position:absolute;right:5px;text-shadow:1px 1px 3px #0000001a;top:5px}.buy-credit .subscription-container .plans-grid .plan-container .gift-section .gift-icon{height:100px;width:100px}.buy-credit .subscription-container .plans-grid .plan-container .gift-section .gift-label{color:#22afd4;font-size:14px;font-weight:600;margin-top:4px}.buy-credit .subscription-container .plans-grid .plan-card{background:#fff;border:2px solid #f0f0f0;border-radius:15px;padding:30px 20px;text-align:center;transition:all .3s ease;width:100%}.buy-credit .subscription-container .plans-grid .plan-card:hover{background:#f4fbfd;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.buy-credit .subscription-container .plans-grid .plan-card .plan-name{color:#333;font-size:20px;font-weight:600;margin-bottom:10px}.buy-credit .subscription-container .plans-grid .plan-card .plan-price{color:#333;font-size:32px;font-weight:700;margin-bottom:20px}.buy-credit .subscription-container .plans-grid .plan-card .plan-price .price-period{color:#666;font-size:16px;font-weight:400}.buy-credit .subscription-container .plans-grid .plan-card .plan-button{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:25px;padding:12px 20px;transition:all .3s ease;width:100%}.buy-credit .subscription-container .plans-grid .plan-card .plan-button.current-plan-button{background:#e0e0e0;color:#666;cursor:not-allowed}.buy-credit .subscription-container .plans-grid .plan-card .plan-button.monthly-button{background:#22afd4;color:#fff}.buy-credit .subscription-container .plans-grid .plan-card .plan-button.monthly-button:hover{background:#1e9bbf;transform:translateY(-2px)}.buy-credit .subscription-container .plans-grid .plan-card .plan-button.yearly-button{background:#333;color:#fff}.buy-credit .subscription-container .plans-grid .plan-card .plan-button.yearly-button:hover{background:#222;transform:translateY(-2px)}.buy-credit .subscription-container .plans-grid .plan-card .feature-list{list-style:none;margin:0;padding:0;text-align:left}.buy-credit .subscription-container .plans-grid .plan-card .feature-list .feature-item{align-items:flex-start;display:flex;font-size:14px;margin-bottom:12px}.buy-credit .subscription-container .plans-grid .plan-card .feature-list .feature-item.available{color:#333}.buy-credit .subscription-container .plans-grid .plan-card .feature-list .feature-item.available .check-icon{flex-shrink:0;height:24px;margin-right:8px;margin-top:2px;width:24px}.buy-credit .subscription-container .plans-grid .plan-card .feature-list .feature-item.unavailable{color:#999}.buy-credit .subscription-container .plans-grid .plan-card .feature-list .feature-item.unavailable .check-icon.disabled{flex-shrink:0;height:24px;margin-right:8px;margin-top:2px;opacity:.5;width:24px}.buy-credit .subscription-container .ios-subscription-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;margin-top:20px;padding:15px;text-align:center}@media(max-width:768px){.buy-credit{padding:10px}.buy-credit .subscription-container{padding:20px}.buy-credit .subscription-container .subscription-header{align-items:center;flex-direction:column}.buy-credit .subscription-container .subscription-title{margin-top:0;text-align:center}.buy-credit .subscription-container .subscription-subtitle{text-align:center}.buy-credit .subscription-container .progress-section{display:none}.buy-credit .subscription-container .plans-grid{gap:20px;grid-template-columns:1fr}.buy-credit .subscription-container .plan-tabs .tab-button{font-size:14px;padding:10px 20px}}.buy-credit-button{background-color:#007bff!important;border-radius:20px!important;color:#fff;font-size:18px;margin-top:50px;max-width:400px;padding:20px 30px!important}.buy-credit-button:hover{background-color:#25a25a}.card-element{color:#fff}.payment-form-container{background-color:#0000;border-radius:8px;font-family:Poppins;margin:10vh auto auto;padding:5vh;width:60vh}.payment-form-container input::placeholder,.payment-form-container textarea::placeholder{color:#faf9f9;opacity:1}.payment-form-container .card-element ::placeholder{color:#fff9f9}.payment-form-container .credit-summary p{color:#fff;margin-bottom:10px}.payment-form-container form{display:flex;flex-direction:column}.payment-form-container input[type=radio],.payment-form-container input[type=text]{background-color:#fff3;border:1px solid #ccc;border-radius:10px;color:#0d0c0c;margin-bottom:10px;padding:12px}.payment-form-container input[type=text]{width:100%}.payment-form-container .billing-address,.payment-form-container .card-details,.payment-form-container .exp-cvc-group,.payment-form-container .name-group{margin-bottom:20px}.payment-form-container .exp-cvc-group input,.payment-form-container .name-group input{display:inline-block;margin-right:10px;width:calc(33.333% - 6px)}.payment-form-container .exp-cvc-group input:last-child,.payment-form-container .name-group input:last-child{margin-right:0}.payment-form-container label{color:#fafafa;display:block;font-size:14px;margin-bottom:5px}.payment-form-container button{background-color:#fffc;border:none;border-radius:50px;color:#5e5e5e;cursor:pointer;font-size:16px;font-weight:800;margin-top:2vh;padding:12px}.payment-form-container button:hover{background-color:#fff}.payment-form-container .StripeElement{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:12px;width:100%}.payment-form-container .StripeElement--focus{border-color:#478bf0}.success-page{background-color:#f0f2f5;height:100vh}.success-page,.success-page .success-card{align-items:center;display:flex;justify-content:center}.success-page .success-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex-direction:column;padding:2rem;text-align:center;width:400px}.success-page .success-card .success-icon{color:#4caf50;font-size:46px}.success-page .success-card .success-icon i.checkmark{line-height:50px}.success-page .success-card h2{color:#333;font-size:22px;margin-top:24px}.success-page .success-card p{color:#666;margin-bottom:20px;margin-top:8px}.success-page .success-card .start-btn{background-color:#6200ee;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:10px 20px}.success-page .success-card .start-btn:hover{background-color:#3700b3}.success-page .success-card .gift-details{background-color:#0003;border:1px solid #fff3;border-radius:8px;margin-top:20px;padding:15px}.success-page .success-card .gift-details h3{border-bottom:1px solid #ffffff1a;margin-bottom:15px;margin-top:0;padding-bottom:8px}.success-page .success-card .gift-details p{margin:8px 0}.success-page .success-card .gift-details .personal-message{margin-top:10px}.success-page .success-card .gift-details .personal-message .message-text{background-color:#ffffff0d;border-left:3px solid #ffffff4d;border-radius:5px;font-style:italic;padding:10px}.success-page .success-card .gift-details .gift-note{color:#ffffffb3;font-size:.9em;margin-top:15px}.plan-button.active-plan{border:2px solid #00b16a;box-shadow:0 0 8px #00b16a80}.current-plan-text{text-align:center;width:100%}.current-plan-description,.current-plan-text{display:block;font-size:30px;font-weight:700;margin-top:8px}.current-plan-description{text-align:left;width:10%}.current-plan{text-align:center;width:100%}@media screen and (max-width:768px){.buy-credit{font-family:Poppins;padding:120px 20px 20px}.pricing-container button{padding:2rem;width:280px}.wechat-button{margin:0 auto;max-width:200px;width:80%}.wechat-payment-section{align-items:center;display:flex;justify-content:center;width:100%}}.gift-page{background:#fff}.gift-page .gift-container{margin:0 auto;max-width:800px;padding:20px}.gift-page .gift-container h1{color:#333;font-size:32px;margin-bottom:10px;text-align:center}.gift-page .gift-container .subtitle{color:#333;font-size:18px;margin-bottom:30px;text-align:center}.gift-page .gift-container .error-message{background:#ff00001a;border-radius:8px;color:#ff6b6b;margin-bottom:20px;padding:10px 15px;text-align:center}.gift-page .gift-content{display:flex;flex-wrap:wrap;gap:30px}@media(max-width:768px){.gift-page .gift-content{flex-direction:column}}.gift-page .gift-content .gift-form{background:#0000000d;border-radius:12px;flex:1 1;min-width:300px;padding:20px}.gift-page .gift-content .gift-form form{display:flex;flex-direction:column;gap:15px}.gift-page .gift-content .gift-form form .form-group label{color:#333;display:block;font-size:16px;margin-bottom:8px}.gift-page .gift-content .gift-form form .form-group input,.gift-page .gift-content .gift-form form .form-group textarea{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;padding:12px;width:90%}.gift-page .gift-content .gift-form form .form-group input::placeholder,.gift-page .gift-content .gift-form form .form-group textarea::placeholder{color:#999}.gift-page .gift-content .gift-form form .form-group input:focus,.gift-page .gift-content .gift-form form .form-group textarea:focus{border-color:#22afd4;outline:none}.gift-page .gift-content .gift-form form .form-group textarea{min-height:100px;resize:vertical}.gift-page .gift-content .gift-form form .gift-pricing{background:#0000000d;border-radius:8px;margin:15px 0;padding:15px}.gift-page .gift-content .gift-form form .gift-pricing .discount{color:#4df77e;font-size:16px;margin-bottom:8px}.gift-page .gift-content .gift-form form .gift-pricing .final-price{color:#333;font-size:20px;font-weight:700}.gift-page .gift-content .gift-form form .form-actions{display:flex;gap:15px;margin-top:10px}.gift-page .gift-content .gift-form form .form-actions button{border:none;border-radius:30px;cursor:pointer;flex:1 1;font-size:16px;padding:12px;transition:all .3s ease}.gift-page .gift-content .gift-form form .form-actions button:hover:not(:disabled){transform:translateY(-3px)}.gift-page .gift-content .gift-form form .form-actions button:disabled{cursor:not-allowed;opacity:.5}.gift-page .gift-content .gift-form form .form-actions .back-button{background:#f0f0f0;color:#333}.gift-page .gift-content .gift-form form .form-actions .back-button:hover{background:#e0e0e0}.gift-page .gift-content .gift-form form .form-actions .gift-submit-button{background:#22afd4;color:#fff}.gift-page .gift-content .gift-form form .form-actions .gift-submit-button:hover:not(:disabled){background:#1e9bbf;box-shadow:0 5px 15px #0003}.gift-page .gift-content .gift-preview{flex:1 1;min-width:300px}.gift-page .gift-content .gift-preview h3{color:#333;font-size:20px;margin-bottom:15px;text-align:center}.gift-page .gift-content .gift-preview .gift-card{border-radius:12px;box-shadow:0 10px 30px #0000004d;margin-bottom:20px;overflow:hidden;position:relative}.gift-page .gift-content .gift-preview .gift-card .gift-card-background{background:linear-gradient(135deg,#6e8efb,#a777e3);height:250px;position:relative;width:100%}.gift-page .gift-content .gift-preview .gift-card .gift-card-background:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.gift-page .gift-content .gift-preview .gift-card .gift-card-content{background:#00000080;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:30px;position:absolute;right:0;top:0}.gift-page .gift-content .gift-preview .gift-card .gift-card-content p{margin:8px 0;text-shadow:1px 1px 3px #00000080}.gift-page .gift-content .gift-preview .gift-card .gift-card-content .gift-recipient{font-size:20px;font-weight:700}.gift-page .gift-content .gift-preview .gift-card .gift-card-content .gift-message{font-size:16px;font-style:italic;line-height:1.4;margin:15px 0}.gift-page .gift-content .gift-preview .gift-card .gift-card-content .gift-sender{align-self:flex-end;font-size:16px}.gift-page .gift-content .gift-preview .gift-instructions{background:#0000000d;border-radius:12px;padding:15px}.gift-page .gift-content .gift-preview .gift-instructions p{color:#333;font-size:14px;line-height:1.5}.wechat-payment-section{align-items:center;display:flex;justify-content:center;margin:2rem 0;width:100%}.wechat-button{background-color:#09bb07;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:15px;transition:background-color .3s;width:100%}.wechat-button:hover{background-color:#07a805}.wechat-button:disabled{background-color:#ccc;cursor:not-allowed}.wechat-qr-container{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.wechat-qr-container p{font-size:18px;font-weight:500;margin-bottom:1rem}.wechat-qr-container img{border:8px solid #fff;border-radius:4px;box-shadow:0 4px 10px #0000001a;max-width:250px}.notion-content .notion-bulleted-list-item{align-items:flex-start;margin:.5em 0}.notion-content .notion-bulleted-list-item .bullet{left:.5em;position:absolute}.bookclub-container{background-color:#f6f7f8;font-family:Poppins;padding:20px}.bookclub-container h1{color:#1a1a1b;margin-bottom:15px;text-align:center}.bookclub-container p{color:#717274;margin-bottom:20px;text-align:center}.bookclub-container img{border-radius:10px;height:400px;margin:20px;width:400px}.bookclub-container .articles-info{background-color:#f6f7f8;margin:0 auto;max-width:1200px;padding:20px}.bookclub-container .article{align-items:center;background-color:#fff;border:1px solid #e1e1e3;display:flex;flex-direction:column;margin:10px 0;padding:20px}.bookclub-container .article .row{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;width:100%}.bookclub-container .article h2{color:#1a1a1b;font-size:30px;margin-bottom:10px}.bookclub-container .article p{color:#292929;font-size:14px;margin-bottom:15px}.bookclub-container .article button{background-color:#0079d3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px}.bookclub-container .article button:hover{background-color:#005999}.bookclub-container .article .comments-section{margin-top:20px}.bookclub-container .article .comments-section h3{color:#1a1a1b;font-size:16px;margin-bottom:15px}.bookclub-container .article .comments-section ul{list-style:none;padding-left:0}.bookclub-container .article .comments-section ul li{background-color:#f8f9fa;border:1px solid #e1e1e3;margin-bottom:8px;padding:10px;position:relative}.bookclub-container .article .comments-section ul li:hover{background-color:#f1f1f2}.bookclub-container .article .comments-section ul li .comment-header{align-items:center;display:flex;justify-content:space-between}.bookclub-container .article .comments-section ul li .comment-header strong{color:#0079d3;font-size:13px}.bookclub-container .article .comments-section ul li .comment-text{color:#292929;font-size:14px;margin:5px 0}.bookclub-container .article .comments-section ul li .comment-actions{color:#555;display:flex;font-size:12px;gap:10px;margin-top:5px}.bookclub-container .article .comments-section ul li .comment-actions button{background:none;border:none;color:#0079d3;cursor:pointer}.bookclub-container .article .comments-section ul li .comment-actions button:hover{text-decoration:underline}.bookclub-container .article .comments-section ul li .comment-actions button.delete{color:#d63638}.bookclub-container .article .comments-section ul li .comment-actions button.delete:hover{text-decoration:underline}.bookclub-container .article .comments-section ul li .replies{border-left:2px solid #e1e1e3;margin-left:20px;margin-top:10px;padding-left:10px}.bookclub-container .article .comments-section .comment-input{margin-top:15px}.bookclub-container .article .comments-section .comment-input textarea{border:1px solid #e1e1e3;border-radius:4px;font-family:inherit;font-size:13px;height:60px;margin-bottom:10px;margin-top:20px;padding:10px;resize:none;width:100%}.bookclub-container .article .comments-section .comment-input .comment-controls{display:flex;gap:10px}.bookclub-container .article .comments-section .comment-input .comment-controls input{border:1px solid #e1e1e3;border-radius:4px;flex:1 1;font-size:13px;padding:10px}.bookclub-container .article .comments-section .comment-input .comment-controls button{background-color:#0079d3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 15px}.bookclub-container .article .comments-section .comment-input .comment-controls button:hover{background-color:#005999}.reply-input{display:flex;flex-direction:column;gap:8px;margin-top:10px}.reply-input .name-input{padding:8px;width:50%}.reply-input .name-input,.reply-input textarea{border:1px solid #e1e1e3;border-radius:4px;font-size:13px}.reply-input textarea{font-family:inherit;height:60px;padding:10px;resize:none;width:90%}.reply-input button{align-self:flex-start;background-color:#0079d3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px}.reply-input button:hover{background-color:#005999}.notion-debug{background:red;color:#fff;left:0;padding:10px;position:fixed;top:0;z-index:9999}.notion-articles-container{background-color:#f5f5f5!important;margin-top:80px!important;min-height:100vh;padding:60px;position:relative;width:100%}.notion-articles-container *{box-sizing:border-box}.notion-articles-container h1{color:#000!important;font-size:32px!important;margin-bottom:30px!important;text-align:center!important}.notion-articles-container iframe{border:2px solid blue!important;display:block!important;min-height:800px!important;width:100%!important}.notion-content{font-family:Poppins;font-size:16px;line-height:1.5;padding-left:15rem;padding-right:15rem;padding-top:120px!important}@media screen and (max-width:768px){.notion-content{padding-left:2rem;padding-right:2rem;padding-top:80px!important}}@media screen and (max-width:480px){.notion-content{font-size:14px;padding-left:1rem;padding-right:1rem;padding-top:60px!important}}.notion-content .notion-paragraph{margin:1.5em 0}.notion-content .notion-heading-1{margin:2em 0 1em}.notion-content .notion-heading-2{margin:1.8em 0 .8em}.notion-content .notion-heading-3{margin:1.6em 0 .6em}.notion-content .notion-bulleted-list-item{align-items:baseline;display:flex;line-height:1.7;margin:12px 0!important;padding-left:1.5em;position:relative}.notion-content .notion-bulleted-list-item .bullet{color:#37352f;font-size:1.2em;margin-right:.5em;position:static}.notion-content .notion-bulleted-list-item div{display:inline;flex:1 1}.notion-content .notion-bulleted-list-item .notion-bulleted-list-item{margin-bottom:0;margin-left:1.5em;margin-top:.2em}.notion-content .notion-numbered-list-item{margin:.5em 0;padding-left:1.5em}.notion-content .notion-image-container{margin:2em 0}.notion-content .notion-page-title{color:#37352f;display:block;font-size:2.8em;font-weight:700;line-height:1.2;margin-bottom:30px;margin-top:0;text-align:left;width:100%}.newsletter-container{font-family:Poppins;margin:80px auto auto;max-width:800px;padding:20px}.newsletter-container .notion-bulleted-list-item{line-height:1.7}.newsletter-container h1,.newsletter-container h2,.newsletter-container h3,.newsletter-container p{color:#37352f;line-height:1.5}.newsletter-container p{margin-bottom:1em;white-space:pre-wrap;word-break:break-word}.newsletter-container h1{font-size:2em;font-weight:600;margin-bottom:.5em;margin-top:1em}.newsletter-container h2{font-size:1.5em;font-weight:600;margin-bottom:.4em;margin-top:.8em}.newsletter-container h3{font-size:1.25em;font-weight:600;margin-bottom:.3em;margin-top:.6em}.newsletter-container .notion-text--highlighted{background-color:#ffd40033;border-radius:3px;padding:0 .2em}.newsletter-container .notion-text--bold{font-weight:600}.newsletter-container .notion-text--italic{font-style:italic}.newsletter-container .notion-text--underline{text-decoration:underline}.newsletter-container .notion-text--strikethrough{text-decoration:line-through}.newsletter-container .notion-text--code{background-color:#87837826;border-radius:3px;font-family:Monaco,monospace;font-size:85%;padding:.2em .4em}.newsletter-container .notion-text--yellow_background{background-color:#ffd40033}.newsletter-container .notion-text--orange_background{background-color:#ff960033}.newsletter-container .notion-text--green_background{background-color:#00c80033}.newsletter-container .notion-text--blue_background{background-color:#0096ff33}.newsletter-container .notion-text--purple_background{background-color:#9600ff33}.newsletter-container .notion-text--pink_background{background-color:#ff009633}.newsletter-container .notion-text--red_background{background-color:#f003}.newsletter-container .notion-text--gray_background{background-color:#78787833}.newsletter-container .notion-text--brown_background{background-color:#8c500033}.newsletter-container .notion-text--gray{color:#787878}.newsletter-container .notion-text--brown{color:#8c5000}.newsletter-container .notion-text--orange{color:#f55d00}.newsletter-container .notion-text--yellow{color:#e9a800}.newsletter-container .notion-text--green{color:#00876b}.newsletter-container .notion-text--blue{color:#0078df}.newsletter-container .notion-text--purple{color:#6724de}.newsletter-container .notion-text--pink{color:#dd0081}.newsletter-container .notion-text--red{color:#ff001a}.newsletter-container a{color:#3273dc;text-decoration:underline}.newsletter-container a:hover{background-color:#3273dc1a}.newsletter-container .notion-image-container{margin:2em 0;width:100%}.newsletter-container .notion-image-container.notion-align-left{align-items:flex-start}.newsletter-container .notion-image-container.notion-align-center{align-items:center}.newsletter-container .notion-image-container.notion-align-right{align-items:flex-end}.newsletter-container .notion-image-container .notion-image{border-radius:4px;height:auto;max-height:300px;max-width:70%;object-fit:contain}@media screen and (max-width:768px){.newsletter-container .notion-image-container .notion-image{max-height:400px;max-width:95%}}.newsletter-container .notion-image-container .notion-image-caption{color:#37352fa6;font-size:.9em;margin-top:8px}.newsletter-container .notion-image-container .notion-image-caption.notion-align-left{text-align:left}.newsletter-container .notion-image-container .notion-image-caption.notion-align-center{text-align:center}.newsletter-container .notion-image-container .notion-image-caption.notion-align-right{text-align:right}.newsletter-container .newsletter-cover-container{display:flex;justify-content:center;margin-bottom:2em;width:100%}.newsletter-container .newsletter-cover-container .newsletter-cover-image{border-radius:4px;height:180px;object-fit:cover;width:100%}.newsletter-subscription-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin:40px 0;padding:25px}.newsletter-subscription-container h3{color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0}.newsletter-subscription-container .subscription-form .form-group{display:flex;flex-direction:row;gap:10px}@media(max-width:600px){.newsletter-subscription-container .subscription-form .form-group{flex-direction:column}}.newsletter-subscription-container .subscription-form .subscription-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;outline:none;padding:12px 15px;transition:border-color .3s}.newsletter-subscription-container .subscription-form .subscription-input:focus{border-color:#007bff}.newsletter-subscription-container .subscription-form .subscription-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s}.newsletter-subscription-container .subscription-form .subscription-button:hover{background-color:#0069d9}.newsletter-subscription-container .subscription-form .subscription-button:disabled{background-color:#6c757d;cursor:not-allowed}.newsletter-subscription-container .subscription-form .subscription-error{color:#dc3545;font-size:14px;margin-top:10px}.newsletter-subscription-container .subscription-success{background-color:#d4edda;border-radius:4px;color:#155724;font-size:16px;padding:15px}.subscription-notice{border-radius:10px;box-shadow:0 4px 8px #0000000d;overflow:hidden;padding:24px;position:relative}.subscription-notice:before{background:linear-gradient(90deg,#162133,#3a5585);content:"";height:5px;left:0;position:absolute;right:0;top:0}.subscription-notice h3{color:#162133;font-size:1.5rem;font-weight:600;margin-bottom:12px}.subscription-notice p{color:#495057;font-size:1.05rem;line-height:1.6;margin-bottom:24px}.subscription-notice .subscribe-button{background-color:#162133;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.subscription-notice .subscribe-button:hover{background-color:#293b57;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.subscription-notice .subscribe-button:focus{box-shadow:0 0 0 3px #1621334d;outline:none}.newsletter-container{position:relative}.newsletter-container.has-subscription-notice:after{background:linear-gradient(180deg,#fff0,#ffffffe6 70%,#fff);bottom:250px;content:"";height:180px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.notion-quote{border-left:3px solid #ccc;color:#555;font-style:italic;margin:1.5rem 0;padding-left:1rem}.notion-bulleted-list,.notion-numbered-list{margin:.5rem 0;padding-left:1.5rem}.notion-nested-list{margin:.25rem 0 .5rem;padding-left:1.5rem}.notion-bulleted-list-item,.notion-numbered-list-item{margin:.3rem 0;padding-left:.5rem}.numbered-list-content{margin-left:.5rem}.subscription-notice{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.subscription-notice h3{color:#333;margin-top:0}.subscribe-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px;transition:background-color .2s}.subscribe-button:hover{background-color:#0069d9}.journal-page{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 200px);padding-top:60px}.journal-page .journal-content-wrapper{margin:0 auto;max-width:1400px;padding-left:20px;padding-right:20px}.journal-page .journal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 10px}@media(max-width:768px){.journal-page .journal-header{align-items:flex-start;flex-direction:column;gap:15px}}.journal-page .journal-title{color:#333;font-size:18px;font-weight:500;margin:0}.journal-page .journal-container{background-color:#fff;border-radius:12px;display:flex;gap:0;margin-bottom:40px;min-height:650px;overflow:hidden}@media(max-width:768px){.journal-page .journal-container{flex-direction:column}}.journal-page .journal-error{background-color:#e539351a;border-radius:5px;color:#e53935;margin-top:15px;padding:10px;text-align:center}.dark-mode .journal-page{background-color:#313132;color:#e0e0e0}.dark-mode .journal-page .journal-title{color:#e0e0e0}.dark-mode .journal-page .journal-container{background-color:#313132}.dark-mode .journal-page .journal-error{background-color:#ff6b6b1a;color:#ff6b6b}.journal-loading{align-items:center;color:#333;display:flex;flex-direction:column;font-family:SF Pro;height:100vh;justify-content:center}.journal-loading .loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #22afd41a;border-radius:50%;border-top-color:#22afd4;height:50px;margin-bottom:15px;width:50px}.dark-mode .journal-loading{color:#e0e0e0}.journal-sidebar{background-color:#fff;border-right:1px solid #e8e8e8;color:#5a5a5a;display:flex;flex:0 0 400px;flex-direction:column;max-height:650px;overflow-y:auto;padding:30px 25px}@media(max-width:768px){.journal-sidebar{border-bottom:1px solid #e8e8e8;border-right:none;flex:auto;margin-bottom:15px;max-height:300px;padding-bottom:15px}}.journal-sidebar::-webkit-scrollbar{width:6px}.journal-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.journal-sidebar::-webkit-scrollbar-thumb{background:#22afd4;border-radius:10px}.journal-sidebar .journal-sidebar-header{margin-bottom:25px}.journal-sidebar .journal-sidebar-header h3{color:#333;font-size:18px;font-weight:500;margin:0}.journal-sidebar .journal-list{display:flex;flex:1 1;flex-direction:column;gap:15px}.journal-sidebar .journal-list .no-journals{color:#666;font-style:italic;margin:30px 0;text-align:center}.journal-sidebar .journal-list .journal-item{background-color:#fff;border:1px solid #ebf0f1;border-radius:8px;cursor:pointer;padding:20px;transition:all .2s ease}.journal-sidebar .journal-list .journal-item:hover{border-color:#22afd4}.journal-sidebar .journal-list .journal-item.selected{background-color:#22afd41a;border-color:#22afd4}.journal-sidebar .journal-list .journal-item .journal-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.journal-sidebar .journal-list .journal-item .journal-item-header .journal-date{color:#333;font-size:14px;font-weight:500}.journal-sidebar .journal-list .journal-item .journal-item-header .journal-mood{font-size:20px}.journal-sidebar .journal-list .journal-item .journal-preview{color:#666;cursor:pointer;font-size:14px;line-height:1.5;margin-bottom:15px;max-height:60px;overflow:hidden}.journal-sidebar .journal-list .journal-item .journal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.journal-sidebar .journal-list .journal-item .journal-tags .journal-tag{background-color:#22afd41a;border-radius:15px;color:#22afd4;font-size:12px;font-weight:500;padding:4px 10px}.journal-sidebar .journal-list .journal-item .journal-tags .journal-tag-more{background-color:#f5f5f5;border-radius:15px;color:#666;font-size:12px;padding:4px 10px}.journal-sidebar .journal-list .journal-item .journal-item-actions{display:flex;gap:10px}.journal-sidebar .journal-list .journal-item .journal-item-actions .journal-view-btn{background-color:#0000;border:none;border-radius:6px;color:#22afd4;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.journal-sidebar .journal-list .journal-item .journal-item-actions .journal-view-btn:hover{background-color:#22afd41a}.journal-sidebar .journal-list .journal-item .journal-item-actions .journal-talk-btn{align-items:center;background-color:#f4fbfd;border:none;border-radius:30px;color:#50b4ce;cursor:pointer;display:flex;flex:2 1;font-size:13px;font-weight:500;justify-content:center;padding:8px 16px;transition:all .2s ease}.journal-sidebar .journal-list .journal-item .journal-item-actions .journal-talk-btn:hover{background-color:#def3f9}.journal-sidebar .journal-sidebar-footer{border-top:1px solid #e8e8e8;margin-top:20px;padding-top:20px}.journal-sidebar .journal-sidebar-footer .download-journal-btn{align-items:center;background:#22afd4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 15px;transition:all .2s ease;width:100%}.journal-sidebar .journal-sidebar-footer .download-journal-btn:hover:not(:disabled){background:#1b8ba8;transform:translateY(-1px)}.journal-sidebar .journal-sidebar-footer .download-journal-btn:disabled{background:#bdbdbd;cursor:not-allowed;opacity:.7}.dark-mode .journal-sidebar{background-color:#313132;border-right-color:#555;color:#b0b0b0}@media(max-width:768px){.dark-mode .journal-sidebar{border-bottom-color:#555}}.dark-mode .journal-sidebar::-webkit-scrollbar-track{background:#2a2a2a}.dark-mode .journal-sidebar .journal-sidebar-header h3{color:#e0e0e0}.dark-mode .journal-sidebar .journal-list .no-journals{color:#b0b0b0}.dark-mode .journal-sidebar .journal-list .journal-item{background-color:#3c3c3c;border-color:#ffffff1a}.dark-mode .journal-sidebar .journal-list .journal-item:hover{background-color:#22afd41a;border-color:#22afd4}.dark-mode .journal-sidebar .journal-list .journal-item.selected{background-color:#22afd426;border-color:#22afd4}.dark-mode .journal-sidebar .journal-list .journal-item .journal-item-header .journal-date{color:#e0e0e0}.dark-mode .journal-sidebar .journal-list .journal-item .journal-preview{color:#b0b0b0}.dark-mode .journal-sidebar .journal-list .journal-item .journal-tags .journal-tag{background-color:#22afd433;color:#22afd4}.dark-mode .journal-sidebar .journal-list .journal-item .journal-tags .journal-tag-more{background-color:#ffffff1a;color:#b0b0b0}.dark-mode .journal-sidebar .journal-list .journal-item .journal-item-actions .journal-view-btn{color:#22afd4}.dark-mode .journal-sidebar .journal-list .journal-item .journal-item-actions .journal-view-btn:hover{background-color:#22afd41a}.dark-mode .journal-sidebar .journal-list .journal-item .journal-item-actions .journal-talk-btn{background-color:#50b4ce33;color:#50b4ce}.dark-mode .journal-sidebar .journal-list .journal-item .journal-item-actions .journal-talk-btn:hover{background-color:#50b4ce4d}.dark-mode .journal-sidebar .journal-sidebar-footer{border-top-color:#555}.journal-editor{background-color:#fff;display:flex;flex:1 1;flex-direction:column;max-width:700px;padding:40px 60px}@media(max-width:768px){.journal-editor{max-width:none;padding:20px 15px}}.journal-editor .journal-prompt-container{margin-bottom:30px}.journal-editor .journal-prompt-container .journal-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.journal-editor .journal-prompt-container .journal-sidebar-header h3{color:#333;font-size:16px;font-weight:500;margin:0}.journal-editor .journal-prompt-container .journal-sidebar-header .new-journal-btn{align-items:center;background:#fff;border:none;border-radius:25px;color:#22afd4;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.journal-editor .journal-prompt-container .journal-sidebar-header .new-journal-btn .btn-icon{height:25px;margin-right:8px;width:25px}.journal-editor .journal-prompt-container .journal-sidebar-header .new-journal-btn:hover{background:#22afd41a}.journal-editor .journal-prompt-container .journal-sidebar-header .new-journal-btn:disabled{cursor:not-allowed;opacity:.7}.journal-editor .journal-prompt-container .journal-prompt{background-color:#0000;border:none;padding:0}.journal-editor .journal-prompt-container .journal-prompt p{color:#22afd4;font-size:16px;font-weight:500;line-height:1.5;margin:0}.journal-editor .journal-writing-area{flex:1 1;margin-bottom:40px}.journal-editor .journal-writing-area textarea{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;color:#333;font-family:inherit;font-size:16px;line-height:1.6;min-height:250px;padding:20px;resize:vertical;transition:all .2s ease;width:100%}.journal-editor .journal-writing-area textarea:focus{border-color:#22afd4;outline:none}.journal-editor .journal-writing-area textarea::placeholder{color:#999}.journal-editor .journal-writing-area textarea:disabled{background-color:#f8f8f8;cursor:not-allowed}.journal-editor .journal-mood-selector{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.journal-editor .journal-mood-selector .mood-header{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px;width:100%}.journal-editor .journal-mood-selector .mood-header h4{color:#5a5a5a;font-size:14px;font-weight:500;margin:0}.journal-editor .journal-mood-selector .mood-header .mood-display{align-items:center;display:flex;gap:8px}.journal-editor .journal-mood-selector .mood-header .mood-display .mood-value{align-items:center;color:#22afd4;display:flex;font-size:14px;font-weight:500;gap:6px}.journal-editor .journal-mood-selector .mood-header .mood-display .mood-rating{background-color:#0000;border-radius:0;color:#22afd4;font-size:14px;font-weight:500;padding:0}.journal-editor .journal-mood-selector .mood-slider-container .mood-emoji-selector{display:flex;gap:15px;justify-content:center;max-width:350px}.journal-editor .journal-mood-selector .mood-slider-container .mood-emoji-selector .mood-emoji{align-items:center;background:none;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:45px;justify-content:center;transition:all .2s ease;width:45px}.journal-editor .journal-mood-selector .mood-slider-container .mood-emoji-selector .mood-emoji.selected,.journal-editor .journal-mood-selector .mood-slider-container .mood-emoji-selector .mood-emoji:hover{background-color:#22afd41a;border-color:#22afd4}.journal-editor .journal-tags-display{margin-bottom:30px}.journal-editor .journal-tags-display .journal-tags-list{display:flex;flex-wrap:wrap;gap:8px}.journal-editor .journal-tags-display .journal-tags-list .journal-tag{align-items:center;background-color:#22afd41a;border-radius:15px;color:#22afd4;display:flex;font-size:14px;font-weight:500;padding:6px 12px}.journal-editor .journal-tags-display .journal-tags-list .journal-tag .remove-tag-btn{align-items:center;background:none;border:none;border-radius:50%;color:#22afd4;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;margin-left:6px;padding:0;transition:all .2s ease;width:18px}.journal-editor .journal-tags-display .journal-tags-list .journal-tag .remove-tag-btn:hover:not(:disabled){background-color:#22afd433}.journal-editor .journal-tags-display .journal-tags-list .journal-tag .remove-tag-btn:disabled{color:#999;cursor:not-allowed}.journal-editor .journal-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.journal-editor .journal-actions .save-journal-btn{background:#22afd4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;max-width:100%;padding:15px 30px;transition:all .2s ease;width:350px}.journal-editor .journal-actions .save-journal-btn:hover:not(:disabled){background:#1b8ba8;transform:translateY(-2px)}.journal-editor .journal-actions .save-journal-btn:disabled{background:#bdbdbd;cursor:not-allowed;transform:none}.journal-editor .journal-actions .talk-to-psyfy-btn{align-items:center;background-color:#0000;border:1px solid #22afd4;border-radius:25px;color:#22afd4;cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:15px 30px;transition:all .2s ease}.journal-editor .journal-actions .talk-to-psyfy-btn:hover{background-color:#22afd4;color:#fff;transform:translateY(-2px)}.dark-mode .journal-editor{background-color:#313132;color:#e0e0e0}.dark-mode .journal-editor .journal-prompt-container .journal-sidebar-header h3{color:#e0e0e0}.dark-mode .journal-editor .journal-prompt-container .journal-sidebar-header .new-journal-btn{background:#ffffff0d;color:#22afd4}.dark-mode .journal-editor .journal-prompt-container .journal-sidebar-header .new-journal-btn:hover{background:#22afd41a}.dark-mode .journal-editor .journal-writing-area textarea{background-color:#ffffff0d;border-color:#555;color:#e0e0e0}.dark-mode .journal-editor .journal-writing-area textarea::placeholder{color:#b0b0b0}.dark-mode .journal-editor .journal-writing-area textarea:disabled{background-color:#ffffff05}.dark-mode .journal-editor .journal-mood-selector .mood-header h4{color:#b0b0b0}.dark-mode .journal-editor .journal-mood-selector .mood-slider-container .mood-emoji-selector .mood-emoji:hover{background-color:#22afd41a}.dark-mode .journal-editor .journal-mood-selector .mood-slider-container .mood-emoji-selector .mood-emoji.selected{background-color:#22afd426}.dark-mode .journal-editor .journal-tags-display .journal-tags-list .journal-tag{background-color:#22afd433;color:#22afd4}.dark-mode .journal-editor .journal-tags-display .journal-tags-list .journal-tag .remove-tag-btn{color:#22afd4}.dark-mode .journal-editor .journal-tags-display .journal-tags-list .journal-tag .remove-tag-btn:hover:not(:disabled){background-color:#22afd44d}.dark-mode .journal-editor .journal-tags-display .journal-tags-list .journal-tag .remove-tag-btn:disabled{color:#b0b0b0}.dark-mode .journal-editor .journal-actions .talk-to-psyfy-btn{border-color:#22afd4;color:#22afd4}.dark-mode .journal-editor .journal-actions .talk-to-psyfy-btn:hover{background-color:#22afd4;color:#fff}.journal-save-error{background-color:#e539351a;border-radius:6px;color:#e53935;font-size:14px;margin-bottom:15px;padding:10px;text-align:center}.dark-mode .journal-save-error{background-color:#ff6b6b1a;color:#ff6b6b}.psychological-tests-container{font-family:SF Pro;margin:0 auto;max-width:1200px;padding:2rem 1rem}.psychological-tests-container .tests-header{margin-bottom:2rem;text-align:center}.psychological-tests-container .tests-header h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.psychological-tests-container .tests-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:800px}.psychological-tests-container .category-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.psychological-tests-container .category-filter button{background:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.psychological-tests-container .category-filter button:hover{background:#e9e9e9}.psychological-tests-container .category-filter button.active{background:#3a86ff;border-color:#3a86ff;color:#fff}.psychological-tests-container .tests-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.psychological-tests-container .tests-grid .test-card{background:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.psychological-tests-container .tests-grid .test-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.psychological-tests-container .tests-grid .test-card .test-image{height:200px;overflow:hidden}.psychological-tests-container .tests-grid .test-card .test-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.psychological-tests-container .tests-grid .test-card .test-image img:hover{transform:scale(1.05)}.psychological-tests-container .tests-grid .test-card .test-content{padding:1.5rem}.psychological-tests-container .tests-grid .test-card .test-content h3{color:#333;font-size:1.3rem;margin-bottom:.8rem}.psychological-tests-container .tests-grid .test-card .test-content p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1.2rem}.psychological-tests-container .tests-grid .test-card .test-content .test-meta{align-items:center;color:#777;display:flex;font-size:.9rem;margin-bottom:1.2rem}.psychological-tests-container .tests-grid .test-card .test-content .test-meta .duration{align-items:center;display:flex;gap:.3rem}.psychological-tests-container .tests-grid .test-card .test-content .test-meta .duration i{color:#3a86ff}.psychological-tests-container .tests-grid .test-card .test-content .test-actions .test-button{background:#3a86ff;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.7rem 1.5rem;text-decoration:none;transition:background .2s ease}.psychological-tests-container .tests-grid .test-card .test-content .test-actions .test-button:hover{background:#2a76f0}.psychological-tests-container .tests-grid .test-card .test-content .test-actions .login-required .login-link{background:#f0f0f0;border-radius:4px;color:#666;display:inline-block;font-weight:500;padding:.7rem 1.5rem;text-decoration:none;transition:all .2s ease}.psychological-tests-container .tests-grid .test-card .test-content .test-actions .login-required .login-link:hover{background:#e0e0e0;color:#3a86ff}.psychological-tests-container .tests-grid .test-card.coming-soon{align-items:center;background:#f9f9f9;border-style:dashed;display:flex;justify-content:center;min-height:300px}.psychological-tests-container .tests-grid .test-card.coming-soon .test-content{text-align:center}.psychological-tests-container .tests-grid .test-card.coming-soon .test-content h3{color:#3a86ff}.psychological-tests-container .tests-grid .test-card.coming-soon .test-content p{color:#888}@media(max-width:768px){.psychological-tests-container{padding-top:4rem}.psychological-tests-container .tests-header h1{font-size:2rem}.psychological-tests-container .tests-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:480px){.psychological-tests-container{padding-top:5rem}.psychological-tests-container .category-filter button{font-size:.8rem;padding:.4rem .8rem}.psychological-tests-container .tests-grid{grid-template-columns:1fr}}body:has(.test-page-container){background-color:#def4fa;margin:0;min-height:100vh;padding:0}.test-page-container{margin:0 auto;min-height:100vh;padding:0}.results-wrapper,.test-page-container,.test-results{background-color:#0000;border-radius:0;box-shadow:none;font-family:SF Pro;max-width:800px}.results-wrapper,.test-results{margin:140px auto 0;padding:2.75rem 2.25rem}.mood-assessment-report h2,.test-results h2{color:#1e3359;font-size:1.9rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.75rem;text-align:center}.report-intro,.results-summary p{padding:1.25rem 1.5rem;text-align:center}.report-intro,.results-summary p,.test-header p{background:#ef7b450a;border-radius:10px;color:#345;font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.test-header p{padding:1.5rem;text-align:left;white-space:pre-line}.test-header h1{color:#1e3359;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.description-image-container{margin-bottom:2rem;text-align:center}.description-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:80%}.score-bar-container{background:#e5efff;border-radius:9px;height:18px;margin:1.75rem 0 1.25rem;overflow:hidden;position:relative}.score-bar-container .score-bar{background:linear-gradient(90deg,#3b8dff,#0063cc);border-radius:9px 0 0 9px;height:100%;transition:width .8s ease}.score-bar-container .score-percent{color:#fff;font-size:.75rem;font-weight:600;pointer-events:none;position:absolute;right:8px;text-shadow:0 1px 3px #00000040;top:50%;transform:translateY(-50%)}.score-label span:first-child{display:none!important}.score-value{color:#234166;font-size:1.15rem;font-weight:600;margin-bottom:1.25rem;text-align:center}.assessment-text,.next-steps{background:#f7faff;border-left:4px solid #ef7b45;border-radius:10px;box-shadow:inset 0 1px 3px #00000008;margin-bottom:2rem;padding:1.75rem 1.5rem}.assessment-text p,.next-steps p{color:#345;font-size:1rem;line-height:1.8;margin:0}.assessment-text .discuss-button,.next-steps .discuss-button{background:linear-gradient(90deg,#3b8dff,#0063cc);border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:500;margin:20px auto 0;max-width:300px;padding:1rem 1.5rem;text-align:center;transition:all .3s ease;width:80%}.assessment-text .discuss-button:hover,.next-steps .discuss-button:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.custom-content{margin-top:1.5rem}.custom-content h4{color:#1e3359;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.custom-content .job-recommendation{background:#f7faff;border-left:4px solid #3b8dff;border-radius:10px;box-shadow:inset 0 1px 3px #00000008;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.custom-content .job-recommendation h5{color:#234166;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.custom-content .job-recommendation p{color:#345;font-size:.95rem;line-height:1.7;margin:0}.custom-content .subscription-notice{display:flex;justify-content:center;margin:2rem 0 .5rem}.custom-content .subscription-notice .subscribe-button{background:linear-gradient(90deg,#3b8dff,#0063cc);border:none;border-radius:8px;box-shadow:0 4px 12px #3b8dff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.9rem 1.8rem;transition:all .3s ease}.custom-content .subscription-notice .subscribe-button:hover{box-shadow:0 6px 16px #3b8dff66;transform:translateY(-3px)}.custom-content .subscription-notice .subscribe-button:active{box-shadow:0 4px 12px #3b8dff4d;transform:translateY(-1px)}.next-steps h3{color:#1e3359;font-size:1.4rem;font-weight:700;margin-bottom:1.25rem;margin-top:0;text-align:center}.steps-bar{background:linear-gradient(90deg,#3b8dff,#0063cc);border-radius:2px;display:none;height:4px;margin:0 auto 1.75rem;width:160px}.report-actions,.results-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.5rem}.report-actions button,.results-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:160px;padding:.9rem 1.5rem;transition:transform .2s,box-shadow .2s,background .3s}.report-actions .back-button,.report-actions .secondary,.results-actions .back-button,.results-actions .secondary{background:#f3f4f6;color:#456}.report-actions .back-button:hover,.report-actions .secondary:hover,.results-actions .back-button:hover,.results-actions .secondary:hover{background:#e5e7eb;box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.report-actions .profile-button,.report-actions button:not(.back-button):not(.secondary):not(.chat-button),.results-actions .profile-button,.results-actions button:not(.back-button):not(.secondary):not(.chat-button){background:linear-gradient(90deg,#3b8dff,#0063cc);box-shadow:0 4px 12px #3b8dff59;color:#fff}.report-actions .profile-button:hover,.report-actions button:not(.back-button):not(.secondary):not(.chat-button):hover,.results-actions .profile-button:hover,.results-actions button:not(.back-button):not(.secondary):not(.chat-button):hover{background:linear-gradient(90deg,#4997ff,#005abd);box-shadow:0 6px 15px #3b8dff73;transform:translateY(-2px)}.report-actions .chat-button,.results-actions .chat-button{background:linear-gradient(90deg,#34c759,#219653);box-shadow:0 4px 12px #34c75959;color:#fff}.report-actions .chat-button:hover,.results-actions .chat-button:hover{background:linear-gradient(90deg,#40d668,#27ab60);box-shadow:0 6px 15px #34c75973;transform:translateY(-2px)}@media(max-width:768px){html body .test-page-container{padding-top:120px!important}.results-wrapper,.test-page-container,.test-results{margin:0 auto 40px;padding:2rem 1.25rem}.results-wrapper,.test-results{margin-top:120px!important}.report-intro,.results-summary p{font-size:.95rem}.score-value{font-size:1rem}.assessment-text,.next-steps{padding:1.25rem 1rem}}.next-steps+.score-value,.next-steps+div:not(.report-actions):not(.results-actions),.next-steps~.score-value{display:none!important}.next-steps .score-bar-container,.next-steps+.score-section .score-bar-container,.next-steps~.score-section .score-bar-container,.next-steps~div .score-bar-container,div:has(>h3:contains("Next Steps"))+.score-bar-container,div:has(>h3:contains("后续步骤"))+.score-bar-container{display:none!important}span.score-percent:contains("NaN"){display:none!important}.test-container{background-color:#fff;border-radius:15px;box-shadow:0 5px 25px #00000014;font-family:SF Pro;margin:40px auto;max-width:800px;padding:30px 40px}.question-container{margin-bottom:2.5rem}.question-container h3{color:#234166;font-size:1.4rem;font-weight:600;line-height:1.5;margin-bottom:1.5rem}.answer-options{display:flex;flex-direction:column;gap:1.2rem}.answer-options .option{align-items:center;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;padding:1rem 1.2rem;transition:all .25s ease}.answer-options .option:hover{background-color:#007bff0d;border-color:#007bff4d;box-shadow:0 3px 10px #0000000d;transform:translateY(-2px)}.answer-options .option.selected{background-color:#007bff1a;border-color:#007bff99;box-shadow:0 3px 10px #007bff1a}.answer-options .option input[type=radio]{cursor:pointer;height:18px;margin-right:1rem;width:18px}.answer-options .option label{cursor:pointer;flex:1 1;font-size:1.05rem;padding:.3rem 0}.progress-container{background-color:#e1f5fe;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;height:10px;margin:1.5rem 0 2.5rem;overflow:hidden}.progress-container .progress-bar{background:linear-gradient(90deg,#0063cc,#0098ff);border-radius:5px;height:100%;transition:width .3s ease-in-out}.question-info{color:#456;font-size:1rem;font-weight:500;margin-bottom:1.5rem}.question-info,.test-navigation{display:flex;justify-content:space-between}.test-navigation{margin-top:3rem}.test-navigation button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.9rem 1.8rem;transition:all .3s ease}.test-navigation button.prev-button{background-color:#f3f4f6;color:#456}.test-navigation button.prev-button:hover{background-color:#e5e7eb;box-shadow:0 3px 10px #0000001a;transform:translateY(-2px)}.test-navigation button.prev-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.test-navigation button.next-button{background:linear-gradient(180deg,#007bff,#0063cc);box-shadow:0 4px 10px #007bff4d;color:#fff}.test-navigation button.next-button:hover{background:linear-gradient(180deg,#0074f0,#005cbf);box-shadow:0 6px 15px #007bff66;transform:translateY(-2px)}.test-navigation button.next-button:disabled{box-shadow:0 2px 5px #007bff33;cursor:not-allowed;opacity:.5;transform:none}.test-navigation button.next-button:active{transform:translateY(0)}html body .test-page-container{background-color:#daf4fa;border:none!important;border-radius:0!important;box-shadow:none!important;font-family:SF Pro;margin:0;max-width:2200px;min-height:100vh;padding-top:140px!important;padding:0 0 100px}html body .test-container{background-color:#fff;border-radius:15px;box-shadow:0 5px 25px #00000014;font-family:SF Pro;margin:0 auto;max-width:800px;padding:30px 40px}@media(max-width:768px){html body .test-container{margin-top:10px;padding:25px 20px}}.test-container>div:first-child{border:none!important;box-shadow:none!important;margin-top:0!important;padding-top:0!important}.test-page-container>div:not(.test-container){background:#0000!important;border:none!important;box-shadow:none!important;margin-top:0!important}.question-text{color:#234166;font-size:1.3rem;font-weight:500;line-height:1.5;margin-bottom:1.5rem}input[type=radio]{accent-color:#007bff;height:18px;width:18px}#root .mood-assessment-report,.test-page-container .mood-assessment-report,[class*=mood-assessment-report],body .mood-assessment-report,div.mood-assessment-report{background-color:#fff!important;border-radius:15px!important;box-shadow:0 5px 25px #00000014!important;display:block!important;font-family:SF Pro!important;margin:150px auto 60px!important;max-width:800px!important;padding:40px 50px!important;position:relative!important;z-index:1!important}.mood-assessment-report>h2:first-of-type{color:#234166!important;font-size:30px!important;margin-bottom:25px!important;margin-top:0!important;padding-top:0!important;text-align:center!important}.next-steps+div:not(.report-actions),.next-steps~div:empty,div:empty+div:only-of-type{display:none!important}#root .mood-assessment-report,.mood-assessment-report,body .mood-assessment-report,html body .mood-assessment-report{background-color:#fff!important;border-radius:8px!important;box-shadow:0 4px 6px #0000001a!important;font-family:SF Pro!important;margin:140px auto 0!important;max-width:800px!important;padding:2rem!important}#root .mood-assessment-report h1,#root .mood-assessment-report h2,#root .mood-assessment-report h3,#root .mood-assessment-report h4,#root .mood-assessment-report h5,#root .mood-assessment-report h6,.mood-assessment-report h1,.mood-assessment-report h2,.mood-assessment-report h3,.mood-assessment-report h4,.mood-assessment-report h5,.mood-assessment-report h6,body .mood-assessment-report h1,body .mood-assessment-report h2,body .mood-assessment-report h3,body .mood-assessment-report h4,body .mood-assessment-report h5,body .mood-assessment-report h6,html body .mood-assessment-report h1,html body .mood-assessment-report h2,html body .mood-assessment-report h3,html body .mood-assessment-report h4,html body .mood-assessment-report h5,html body .mood-assessment-report h6{font-weight:600!important;margin-bottom:1.5rem!important;text-align:center!important}#root .mood-assessment-report h1,.mood-assessment-report h1,body .mood-assessment-report h1,html body .mood-assessment-report h1{color:#ef7b45!important;font-size:2rem!important}#root .mood-assessment-report h2,.mood-assessment-report h2,body .mood-assessment-report h2,html body .mood-assessment-report h2{font-size:1.75rem!important;margin-top:2rem!important}#root .mood-assessment-report p,.mood-assessment-report p,body .mood-assessment-report p,html body .mood-assessment-report p{font-size:1rem!important;line-height:1.6!important;margin-bottom:1rem!important}#root .mood-assessment-report .mood-assessment-result,.mood-assessment-report .mood-assessment-result,body .mood-assessment-report .mood-assessment-result,html body .mood-assessment-report .mood-assessment-result{margin-top:1.5rem!important}#root .mood-assessment-report .mood-assessment-result .result-section,.mood-assessment-report .mood-assessment-result .result-section,body .mood-assessment-report .mood-assessment-result .result-section,html body .mood-assessment-report .mood-assessment-result .result-section{background-color:#f8f9fa!important;border-radius:5px!important;margin-bottom:2rem!important;padding:1rem!important}#root .mood-assessment-report .hidden,#root .mood-assessment-report .no-score,#root .mood-assessment-report .score,#root .mood-assessment-report .score-label,#root .mood-assessment-report [class*=score],.mood-assessment-report .hidden,.mood-assessment-report .no-score,.mood-assessment-report .score,.mood-assessment-report .score-label,.mood-assessment-report [class*=score],body .mood-assessment-report .hidden,body .mood-assessment-report .no-score,body .mood-assessment-report .score,body .mood-assessment-report .score-label,body .mood-assessment-report [class*=score],html body .mood-assessment-report .hidden,html body .mood-assessment-report .no-score,html body .mood-assessment-report .score,html body .mood-assessment-report .score-label,html body .mood-assessment-report [class*=score]{display:none!important}#root .mood-assessment-report .result-header,.mood-assessment-report .result-header,body .mood-assessment-report .result-header,html body .mood-assessment-report .result-header{align-items:center!important;display:flex!important;flex-direction:column!important;margin-bottom:2rem!important}#root .mood-assessment-report .result-header h2,#root .mood-assessment-report .result-header h3,.mood-assessment-report .result-header h2,.mood-assessment-report .result-header h3,body .mood-assessment-report .result-header h2,body .mood-assessment-report .result-header h3,html body .mood-assessment-report .result-header h2,html body .mood-assessment-report .result-header h3{color:#ef7b45!important}#root .mood-assessment-report .result-content,.mood-assessment-report .result-content,body .mood-assessment-report .result-content,html body .mood-assessment-report .result-content{font-size:1.1rem!important;line-height:1.7!important}#root .mood-assessment-report div:empty,.mood-assessment-report div:empty,body .mood-assessment-report div:empty,html body .mood-assessment-report div:empty{display:none!important}#root .mood-assessment-report .mood-assessment-result,body .mood-assessment-report .mood-assessment-result{background:#0000!important;border:none!important}#root .mood-assessment-report .mood-assessment-result div,#root .mood-assessment-report .mood-assessment-result h2,#root .mood-assessment-report .mood-assessment-result h3,#root .mood-assessment-report .mood-assessment-result h4,#root .mood-assessment-report .mood-assessment-result p,body .mood-assessment-report .mood-assessment-result div,body .mood-assessment-report .mood-assessment-result h2,body .mood-assessment-report .mood-assessment-result h3,body .mood-assessment-report .mood-assessment-result h4,body .mood-assessment-report .mood-assessment-result p{background:#0000!important}@media(max-width:768px){.mood-assessment-report{margin-top:120px!important;padding:1.5rem!important}.mood-assessment-report h1{font-size:1.75rem!important}.mood-assessment-report h2{font-size:1.5rem!important}.mood-assessment-report p{font-size:.95rem!important}}.test-results-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:20px;text-align:center}.test-results-loading h2{color:#333;font-size:22px;margin-bottom:20px}.test-results-loading .loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#4285f4;height:40px;width:40px}.test-not-found{align-items:center;animation:fadeInUp .5s ease-out forwards;background-color:#fff;background-image:linear-gradient(120deg,#f0f9ff33,#e6f4ff4d);border:1px solid #e6f4ff;border-radius:16px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;justify-content:center;margin:120px auto 0;max-width:640px;padding:3rem 2rem;text-align:center}.test-not-found h2{color:#1e3359;font-size:2.2rem;font-weight:700;margin-bottom:1rem;position:relative}.test-not-found h2:after{background:linear-gradient(90deg,#3b8dff,#0063cc);border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.test-not-found p{color:#546583;font-size:1.1rem;line-height:1.6;margin:1.5rem 0 2.5rem;max-width:80%}.test-not-found button{background:linear-gradient(90deg,#3b8dff,#0063cc);border:none;border-radius:8px;box-shadow:0 4px 12px #0063cc33;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.test-not-found button:hover{box-shadow:0 6px 16px #0063cc4d;transform:translateY(-3px)}.test-not-found button:active{transform:translateY(-1px)}.test-not-found .action-buttons{display:flex;gap:1rem;margin-top:.5rem}@media(max-width:480px){.test-not-found .action-buttons{flex-direction:column;width:100%}}.test-not-found .action-buttons button{min-width:180px}@media(max-width:480px){.test-not-found .action-buttons button{width:100%}}.test-not-found .action-buttons .home-button{background:#fff;border:2px solid #0063cc;box-shadow:none;color:#0063cc}.test-not-found .action-buttons .home-button:hover{background:#f0f7ff;box-shadow:0 4px 12px #0063cc1a;transform:translateY(-3px)}.test-not-found:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230063cc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35M11 8v6M8 11h6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:120px;margin-bottom:2rem;opacity:.85;width:120px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.test-not-found{margin-top:120px;padding:2rem 1.5rem}.test-not-found h2{font-size:1.8rem}.test-not-found p{font-size:1rem;max-width:100%}.test-not-found:before{font-size:3rem}}.planner-container{background-color:#fff;color:#333;color:var(--text-color,#333);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;width:100%}.planner-container .planner-content{margin:0 auto;max-width:1200px;padding:6rem 2rem 2rem;width:100%}.planner-container .planner-content .planner-title{color:#212121;font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.planner-container .planner-content .planner-tabs{border-bottom:1px solid #e1e1e1;display:flex;gap:1rem;margin-bottom:1.5rem}.planner-container .planner-content .planner-tabs .tab-button{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;position:relative}.planner-container .planner-content .planner-tabs .tab-button:after{background-color:#0000;bottom:-1px;content:"";height:3px;left:0;position:absolute;transition:background-color .2s;width:100%}.planner-container .planner-content .planner-tabs .tab-button.active{color:#4285f4;font-weight:600}.planner-container .planner-content .planner-tabs .tab-button.active:after{background-color:#4285f4}.planner-container .planner-content .planner-tabs .tab-button:hover:not(.active){color:#404040}.planner-container .planner-content .planner-tabs .tab-button:hover:not(.active):after{background-color:#4285f44d}.planner-container .planner-content .tab-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;min-height:65vh}.planner-chat{display:flex;flex-direction:column;height:65vh}.planner-chat .chat-header{align-items:center;border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;padding:1rem}.planner-chat .chat-header .chat-title{color:#212121;font-size:1.1rem;font-weight:600}.planner-chat .chat-header .save-to-calendar-button{align-items:center;background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.planner-chat .chat-header .save-to-calendar-button:hover{background-color:#1266f1}.planner-chat .chat-header .save-to-calendar-button:disabled{background-color:#a2c3fa;cursor:not-allowed}.planner-chat .chat-messages{flex:1 1;overflow-y:auto;padding:1rem}.planner-chat .chat-messages .message{margin-bottom:1rem}.planner-chat .chat-messages .message .message-content{border-radius:12px;max-width:80%;padding:.8rem 1rem}.planner-chat .chat-messages .message .message-content .message-text{line-height:1.5;word-break:break-word}.planner-chat .chat-messages .message.user-message{display:flex;justify-content:flex-end}.planner-chat .chat-messages .message.user-message .message-content{background-color:#4285f4;border-radius:12px 12px 0 12px;color:#fff}.planner-chat .chat-messages .message.bot-message .message-content{background-color:#f5f5f5;border-radius:12px 12px 12px 0;color:#212121}.planner-chat .chat-messages .typing-indicator{display:flex}.planner-chat .chat-messages .typing-indicator span{background-color:#666;border-radius:50%;display:inline-block;height:8px;margin:0 2px;opacity:.4;width:8px}.planner-chat .chat-messages .typing-indicator span:first-child{animation:typing 1s infinite}.planner-chat .chat-messages .typing-indicator span:nth-child(2){animation:typing 1s .2s infinite}.planner-chat .chat-messages .typing-indicator span:nth-child(3){animation:typing 1s .4s infinite}@keyframes typing{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}to{opacity:.4;transform:translateY(0)}}.planner-chat .chat-input-container{border-top:1px solid #e1e1e1;display:flex;padding:1rem}.planner-chat .chat-input-container .chat-input{border:1px solid #e1e1e1;border-radius:20px;flex:1 1;font-family:inherit;outline:none;padding:.75rem 1rem;resize:none;transition:border-color .2s}.planner-chat .chat-input-container .chat-input:focus{border-color:#4285f4}.planner-chat .chat-input-container .send-button{align-items:center;background-color:#4285f4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:.5rem;transition:background-color .2s;width:40px}.planner-chat .chat-input-container .send-button:hover{background-color:#1266f1}.planner-chat .chat-input-container .send-button:disabled{background-color:#a2c3fa;cursor:not-allowed}.planner-calendar{height:65vh;padding:1rem}.planner-calendar .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.planner-calendar .calendar-header h3{color:#212121;font-size:1.3rem;font-weight:600;margin:0}.planner-calendar .calendar-header .export-calendar-button{align-items:center;background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.planner-calendar .calendar-header .export-calendar-button .icon{font-size:1.1rem;margin-right:.5rem}.planner-calendar .calendar-header .export-calendar-button:hover{background-color:#1266f1;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.planner-calendar .calendar-header .export-calendar-button:active{transform:translateY(0)}.planner-calendar .rbc-calendar .rbc-toolbar{margin-bottom:1.5rem}.planner-calendar .rbc-calendar .rbc-toolbar .rbc-toolbar-label{font-size:1.2rem;font-weight:600}.planner-calendar .rbc-calendar .rbc-toolbar button{border-radius:4px;padding:.5rem 1rem}.planner-calendar .rbc-calendar .rbc-toolbar button.rbc-active{background-color:#4285f4;border-color:#4285f4;color:#fff}.planner-calendar .rbc-calendar .rbc-event{border-radius:4px;padding:5px}.planner-calendar .entry-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.planner-calendar .entry-modal .entry-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;max-width:600px;padding:2rem;width:90%}.planner-calendar .entry-modal .entry-modal-content h3{color:#212121;font-size:1.4rem;margin-bottom:1.5rem;margin-top:0}.planner-calendar .entry-modal .entry-modal-content .entry-field{margin-bottom:1.2rem}.planner-calendar .entry-modal .entry-modal-content .entry-field label{color:#666;display:block;font-weight:500;margin-bottom:.5rem}.planner-calendar .entry-modal .entry-modal-content .entry-field input,.planner-calendar .entry-modal .entry-modal-content .entry-field select,.planner-calendar .entry-modal .entry-modal-content .entry-field textarea{border:1px solid #e1e1e1;border-radius:4px;font-family:inherit;padding:.75rem;width:100%}.planner-calendar .entry-modal .entry-modal-content .entry-field input:focus,.planner-calendar .entry-modal .entry-modal-content .entry-field select:focus,.planner-calendar .entry-modal .entry-modal-content .entry-field textarea:focus{border-color:#4285f4;outline:none}.planner-calendar .entry-modal .entry-modal-content .entry-actions{display:flex;gap:1rem;margin-top:2rem}.planner-calendar .entry-modal .entry-modal-content .entry-actions button{border-radius:4px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.planner-calendar .entry-modal .entry-modal-content .entry-actions button.save-button{background-color:#4285f4;border:none;color:#fff}.planner-calendar .entry-modal .entry-modal-content .entry-actions button.save-button:hover{background-color:#1266f1}.planner-calendar .entry-modal .entry-modal-content .entry-actions button.delete-button{background-color:#ea4335;border:none;color:#fff}.planner-calendar .entry-modal .entry-modal-content .entry-actions button.delete-button:hover{background-color:#d62516}.planner-calendar .entry-modal .entry-modal-content .entry-actions button.cancel-button{background-color:#f5f5f5;border:none;color:#212121}.planner-calendar .entry-modal .entry-modal-content .entry-actions button.cancel-button:hover{background-color:#dcdcdc}@keyframes blink{50%{opacity:1}}.entry-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.entry-modal .entry-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:700px;padding:2rem 2.5rem 2rem 2rem;width:95%}.entry-modal .entry-modal-content h3{color:#212121;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.entry-modal .entry-modal-content .entry-field{margin-bottom:1.5rem}.entry-modal .entry-modal-content .entry-field label{color:#212121;display:block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.entry-modal .entry-modal-content .entry-field input,.entry-modal .entry-modal-content .entry-field select,.entry-modal .entry-modal-content .entry-field textarea{border:1px solid #e1e1e1;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.entry-modal .entry-modal-content .entry-field input:focus,.entry-modal .entry-modal-content .entry-field select:focus,.entry-modal .entry-modal-content .entry-field textarea:focus{border-color:#4285f4;outline:none}.entry-modal .entry-modal-content .entry-field textarea{min-height:150px;resize:vertical}.entry-modal .entry-modal-content .entry-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.entry-modal .entry-modal-content .entry-actions button{border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:background-color .2s}.entry-modal .entry-modal-content .entry-actions button.save-button{background-color:#4285f4;border:none;color:#fff}.entry-modal .entry-modal-content .entry-actions button.save-button:hover{background-color:#1266f1}.entry-modal .entry-modal-content .entry-actions button.delete-button{background-color:#ea4335;border:none;color:#fff}.entry-modal .entry-modal-content .entry-actions button.delete-button:hover{background-color:#d62516}.entry-modal .entry-modal-content .entry-actions button.cancel-button{background-color:#0000;border:1px solid #e1e1e1;color:#666}.entry-modal .entry-modal-content .entry-actions button.cancel-button:hover{background-color:#f5f5f5}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:-webkit-sticky;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.gaming-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:20px}.gaming-page h1{color:#333;font-size:28px;margin-bottom:20px}.gaming-page .game-container{background-color:#f7f7f7;border-radius:15px;box-shadow:0 6px 20px #0000001a;height:500px;margin-bottom:20px;overflow:hidden;position:relative;width:500px}.gaming-page .game-controls{display:flex;gap:10px;margin-bottom:20px}.gaming-page .game-controls button{background-color:#4a77e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 15px;transition:background-color .2s}.gaming-page .game-controls button:hover{background-color:#3d63c2}.gaming-page .game-controls button:disabled{background-color:#a0a0a0;cursor:not-allowed}.gaming-page .game-instructions{background-color:#f9f9f9;border-radius:10px;max-width:400px;padding:15px}.gaming-page .game-instructions h3{color:#333;margin-bottom:10px;margin-top:0}.gaming-page .game-instructions p{color:#555;margin-bottom:10px}.gaming-page .game-instructions ul{padding-left:20px}.gaming-page .game-instructions ul li{color:#555;margin-bottom:5px}.gaming-page .pet-stats{display:flex;justify-content:space-between;margin-bottom:15px;width:500px}.gaming-page .pet-stats .stat{align-items:center;display:flex;flex-direction:column}.gaming-page .pet-stats .stat .label{color:#666;font-size:14px;margin-bottom:5px}.gaming-page .pet-stats .stat .bar{background-color:#e0e0e0;border-radius:5px;height:10px;overflow:hidden;width:140px}.gaming-page .pet-stats .stat .bar .fill{height:100%;transition:width .3s ease-in-out}.gaming-page .pet-stats .stat .bar .fill.happiness{background-color:#ff9800}.gaming-page .pet-stats .stat .bar .fill.hunger{background-color:#4caf50}.gaming-page .pet-stats .stat .bar .fill.energy{background-color:#2196f3}.digital-pet{align-items:center;background-color:#0000;border-radius:0;box-shadow:none;cursor:pointer;display:flex;justify-content:center;position:absolute;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;z-index:10}.digital-pet img{background-color:#0000;filter:contrast(1.1);height:100%;mix-blend-mode:multiply;object-fit:contain;width:100%}.digital-pet.large{height:100px;width:100px}.digital-pet.normal{height:80px;width:80px}.digital-pet.tired{opacity:.7}.digital-pet.eating{animation:eat-pulse 1s infinite}.digital-pet.walking{animation:walking .5s infinite alternate}@keyframes eat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes walking{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-5px) rotate(5deg)}}.food-item{align-items:center;background:#ffffff80;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;left:0;position:absolute;top:0;transform:translate(-20px,-20px);transition:transform .2s ease-in-out,opacity .3s ease-in-out;-webkit-user-select:none;user-select:none;width:40px}.food-item.being-eaten{background:#ffff96b3;box-shadow:0 0 8px #ffd700cc;transform:translate(-20px,-20px) scale(1.1)}.food-item .progress-indicator{background-color:#4caf50;border-radius:0 0 0 4px;bottom:0;display:none;height:4px;left:0;position:absolute;transition:width .2s ease-out}.food-item .progress-indicator.active{display:block}.pet-environment{background:linear-gradient(180deg,#e6f7ff,#fff);border-radius:15px;height:100%;overflow:hidden}.pet-environment,.pet-environment .sky{position:absolute;width:100%;z-index:-1}.pet-environment .sky{background:linear-gradient(180deg,#87cefa,#e6f7ff);height:60%}.pet-environment .sky .cloud-1{background-color:#fff;border-radius:50%;box-shadow:40px 10px 0 -5px #fff,80px 5px 0 -10px #fff;height:30px;left:20%;position:absolute;top:20%;width:50px}.pet-environment .sky .cloud-2{background-color:#fff;border-radius:50%;box-shadow:30px 5px 0 -5px #fff,60px 10px 0 -8px #fff;height:25px;left:60%;position:absolute;top:40%;width:60px}.pet-environment .ground{background:linear-gradient(180deg,#8bc34a,#689f38);border-bottom-left-radius:15px;border-bottom-right-radius:15px;bottom:0;height:40%;position:absolute;width:100%;z-index:-1}.pet-environment .ground .grass{background:linear-gradient(180deg,#aeea00,#8bc34a);height:15px;position:absolute;top:0;width:100%;z-index:1}.pet-environment .border{border:2px solid #f0f0f0;border-radius:15px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.standard-page,body{overflow:hidden}.standard-page{display:flex;flex-flow:column;height:100vh}.standard-page .header{height:0;width:100%}.standard-page .content{background:#fff;color:#222;flex:1 1;height:calc(100vh - 58px);overflow-x:hidden;overflow-y:auto;position:relative}.standard-page .footer{opacity:0;position:relative;transition:opacity .3s ease-in-out;width:100%}.standard-page .footer:not(:empty){opacity:1}body,html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0;min-height:100vh;overscroll-behavior:none;padding:0;width:100%}*{box-sizing:border-box;max-width:100%}#root{height:100%;overflow-x:hidden;position:relative;width:100%}@media screen and (max-width:768px){body{-webkit-overflow-scrolling:touch;touch-action:manipulation}button,input,select,textarea{font-size:16px}}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #0000001a;border-radius:50%;border-top-color:#09d;height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@font-face{font-family:Phenomena;font-style:normal;font-weight:400;src:url(/static/media/Phenomena-Black.75ee63b9cf25235e098f.woff) format("woff")}@font-face{font-family:Bradley Hand;font-style:normal;font-weight:400;src:url(/static/media/BradleyHandITCTT-Bold.cfb0511e66eb861f41b0.ttf) format("truetype")}@font-face{font-family:SF Pro;font-style:normal;font-weight:400;src:url(/static/media/SF-PRO.b9d2a6a34a7b2959d26f.TTF) format("truetype")}.global-music-toggle{align-items:center;background-color:#4aa8c4;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;cursor:grab;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:auto;top:20px;transition:all .3s ease;width:40px;z-index:1000}.global-music-toggle:hover{background-color:#3b8a9f;transform:scale(1.05)}.global-music-toggle:active{cursor:grabbing}.global-music-player{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#22afd4e6 0,#0000);border:none;border-radius:20px;box-shadow:0 15px 35px #22afd44d;color:#fff;cursor:move;min-width:320px;padding:20px 24px;position:fixed;right:30px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:1000}.global-music-player.dragging{box-shadow:0 20px 45px #22afd466;cursor:grabbing;transform:scale(1.02);transition:none}.global-music-player.dragging *{cursor:grabbing}.global-music-player .music-player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.global-music-player .music-player-header h3{color:#fff;flex:1 1;font-family:SF Pro;font-size:18px;font-weight:600;margin:0;overflow:hidden;padding-right:12px;text-overflow:ellipsis;white-space:nowrap}.global-music-player .music-player-header .close-player-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;opacity:.8;padding:0;width:24px}.global-music-player .music-player-header .close-player-button:hover{opacity:1}.global-music-player .music-progress-bar .progress-slider{-webkit-appearance:none;background:#0000;border:none;border-radius:10px;cursor:pointer;height:1px!important;outline:none;width:100%}.global-music-player .music-progress-bar .progress-slider::-webkit-slider-runnable-track{background:#ffffff4d;border-radius:10px;height:10px}.global-music-player .music-progress-bar .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:10px;width:10px}.global-music-player .music-progress-bar .progress-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:10px;width:10px}.global-music-player .music-player-time{color:#ffffffe6;display:flex;font-family:SF Pro;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:20px}.global-music-player .music-player-controls{align-items:center;display:flex;gap:20px;justify-content:center}.global-music-player .music-player-controls .control-button{align-items:center;background:none;border:none;border-radius:50%;color:#22afd4;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.global-music-player .music-player-controls .control-button:hover{background:#22afd41a}.global-music-player .music-player-controls .control-button.next-button,.global-music-player .music-player-controls .control-button.prev-button{font-size:18px;height:40px;width:40px}.global-music-player .music-player-controls .control-button.play-pause-button{background:#22afd433;color:#22afd4;font-size:16px;height:50px;width:50px}.global-music-player .music-player-controls .control-button.play-pause-button:hover{background:#22afd44d}@media(max-width:768px){.global-music-player{bottom:20px;height:200px;left:15px;min-width:auto;padding:15px 20px;right:15px;top:auto;transform:none}.global-music-player .music-player-header{margin-bottom:12px}.global-music-player .music-player-header h3{font-size:16px}.global-music-player .music-player-header .close-player-button{font-size:20px}.global-music-player .music-player-time{font-size:12px;margin-bottom:15px}.global-music-player .music-player-controls{gap:15px}.global-music-player .music-player-controls .control-button.next-button,.global-music-player .music-player-controls .control-button.prev-button{font-size:16px;height:35px;width:35px}.global-music-player .music-player-controls .control-button.play-pause-button{font-size:14px;height:45px;width:45px}.global-music-toggle{font-size:18px;height:35px;width:35px}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-4{bottom:1rem}.right-4{right:1rem}.isolate{isolation:isolate}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-12{margin-top:3rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-5{height:1.25rem}.w-5{width:1.25rem}.w-full{width:100%}.max-w-md{max-width:28rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-none{border-style:none}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-sky-500{--tw-bg-opacity:1;background-color:#0ea5e9;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.hover\:bg-sky-600:hover{--tw-bg-opacity:1;background-color:#0284c7;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.hover\:opacity-90:hover{opacity:.9}
/*# sourceMappingURL=main.a29d2322.css.map*/