/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.container{width:100%}.m-\[\.5em\]{margin:.5em}.m-\[8px\]{margin:8px}.mx-auto{margin-inline:auto}.mr-\[1em\]{margin-right:1em}.mb-\[10px\]{margin-bottom:10px}.ml-\[2em\]{margin-left:2em}.ml-\[8px\]{margin-left:8px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.h-\[4em\]{height:4em}.h-\[40px\]{height:40px}.h-\[43px\]{height:43px}.h-\[50px\]{height:50px}.h-\[100px\]{height:100px}.min-h-screen{min-height:100vh}.w-\[3px\]{width:3px}.w-\[50px\]{width:50px}.w-\[90px\]{width:90px}.w-\[100px\]{width:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.snap-center{scroll-snap-align:center}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr}.grid-cols-\[1fr_1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr 1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.object-cover{object-fit:cover}.p-\[8px\]{padding:8px}.p-\[10px\]{padding:10px}.p-\[30px\]{padding:30px}.pb-\[10px\]{padding-bottom:10px}.pb-\[30px\]{padding-bottom:30px}.pl-\[2em\]{padding-left:2em}.text-center{text-align:center}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}html,body{overscroll-behavior:none}main{flex-direction:column;height:100dvh;display:flex}:root{color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#747bff}body{place-items:center;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#f9f9f9;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.root{width:100%}.root .logoutContainer{padding-right:1em}.root .form{display:flex;flex-direction:column;margin:1rem auto;padding:1rem}.root .form input{margin-bottom:.5rem;padding:.5rem}.root .form button{background:#007bff;color:#fff;border:none;padding:.5rem;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.root .form button:hover{background:#0056b3}.root .pb-8{padding-bottom:8px}.root .button-group{display:flex;justify-content:flex-end}.root .signInContainer{background:#fff;color:#000;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-top:7em;padding:2em}.root .signInContainer input{border:1px solid #ccc;border-radius:8px;background-color:azure}.root .signInContainer .signInHeader{margin-bottom:.5em;font-size:xx-large;font-weight:600;padding:20px;width:13em}.root .signInContainer button{margin-top:1em}.root .signInContainer .signInIcon{display:flex;justify-content:center;font-size:xxx-large;color:#daa520}.root .dashboardContainer{background:#fff;color:#000;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:1.5em}.root .dashboardContainer .AddPersonaButton{color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:medium;font-weight:600;transition:background-color .3s ease}.root .dashboardContainer .AddPersonaButton{background:#037b7b}.root .dashboardContainer .AddPersonaButton:hover{background-color:#024d4d}.root .dashboardContainer .personasContainer{padding-right:3em}.root .dashboardContainer .personasContainer .eachPersonasCard{border-radius:10px;cursor:pointer;padding:1em;transition:transform .2s ease,box-shadow .2s ease}.root .dashboardContainer .personasContainer .eachPersonasCard:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.root .dashboardContainer .personasContainer .eachPersonasCard .personaTitle{margin-bottom:.3em}.root .dashboardContainer .personasContainer .eachPersonasCard p{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.root .react-responsive-modal-modal{width:35em}.root .personasCardContainer{padding:1.5em}.root .personasCardContainer .buttonGroup{display:flex;justify-content:flex-end}.root .personasCardContainer .buttonGroup button{font-size:1em;margin:3px}.root .personasCardContainer .persoansCardDetails{border-radius:10px}.root .personasCardContainer .persoansCardDetails p{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.root .personasCardContainer .backButton{background:#7fafaf;color:#fff!important;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:medium;font-weight:600;transition:background-color .3s ease}.root .personasCardContainer .backButton:hover{background-color:#024d4d}.root .personasCardContainer h1{font-family:monospace;color:#036767;font-weight:bolder}.addPersonaFormContainer,.addDataFormContainer{background:#fff;color:#000;border-radius:8px;margin:1em auto 2em;width:30em;padding:1em}.addPersonaFormContainer input,.addPersonaFormContainer textarea,.addPersonaFormContainer select,.addDataFormContainer input,.addDataFormContainer textarea,.addDataFormContainer select{border:1px solid #ccc;border-radius:8px;background-color:azure;font-size:medium;font-weight:500}.addPersonaFormContainer label,.addDataFormContainer label{font-size:medium;font-weight:600}.addPersonaFormContainer .eachFormField,.addDataFormContainer .eachFormField{margin-bottom:1em}.addPersonaFormContainer .eachFormField input,.addDataFormContainer .eachFormField input{height:1.4em;float:inline-end}.addPersonaFormContainer .eachFormField .alertBorder,.addDataFormContainer .eachFormField .alertBorder{border:2px solid red}.addPersonaFormContainer .eachFormField .capitalize p,.addDataFormContainer .eachFormField .capitalize p{color:red;display:inline;line-height:0}.addPersonaFormContainer .buttonSubmit,.addPersonaFormContainer .AddPersonaButton,.addDataFormContainer .buttonSubmit,.addDataFormContainer .AddPersonaButton{background:#037b7b;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:medium;font-weight:600;transition:background-color .3s ease;margin-top:1em}.addPersonaFormContainer .buttonSubmit:hover,.addPersonaFormContainer .AddPersonaButton:hover,.addDataFormContainer .buttonSubmit:hover,.addDataFormContainer .AddPersonaButton:hover{background-color:#024d4d}.addPersonaFormContainer .single-thumb .range-slider__thumb[data-lower],.addDataFormContainer .single-thumb .range-slider__thumb[data-lower]{width:0}.addPersonaFormContainer .single-thumb .range-slider__range,.addDataFormContainer .single-thumb .range-slider__range{border-radius:6px}.addPersonaFormContainer .active-tab,.addDataFormContainer .active-tab{background-color:#037b7b;color:#fff;border-radius:8px;font-weight:bolder;border:none}.chatForm .eachFormField{display:flex;flex-direction:column;margin-bottom:1em}.chatForm .eachFormField .label{font-size:medium;font-weight:600;margin-bottom:.5em}.chatForm .eachFormField input,.chatForm .eachFormField textarea{border:1px solid #ccc;border-radius:8px;background-color:azure;font-size:medium;font-weight:500;padding:.5em}.chatForm .buttonSubmit{background:#037b7b;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:medium;font-weight:600;transition:background-color .3s ease}.chatForm .buttonSubmit:hover{background-color:#024d4d}.shareChatLinkContainer .shareLinkBox{padding:1em;border-radius:8px;border:1px solid #ccc}.shareChatLinkContainer .shareLinkBox form{height:6em}.shareChatLinkContainer .shareLinkBox form input{margin-bottom:1em;height:1.4em;border-radius:8px;background-color:azure}.shareChatLinkContainer .shareLinkBox form .buttonSubmit{background:#037b7b;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:medium;font-weight:600;transition:background-color .3s ease;float:right;display:flex}.shareChatLinkContainer .shareLinkBox form .buttonSubmit:hover{background-color:#024d4d}.shareChatLinkContainer .shareLinkBox .shareableLinkSection{display:flex;align-items:center;gap:10px}.shareChatLinkContainer .shareLinkBox .shareableLinkSection p{font-weight:bolder}.shareChatLinkContainer .copyButton{background:#037b7b;color:#fff;padding:5px 8px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.shareChatLinkContainer .copyButton:hover{background-color:#024d4d}.NHSLogo,.betterHealthIcon{border-radius:8px}.logoutButton{background:#d35959!important;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:medium;font-weight:600;transition:background-color .3s ease}.logoutButton:hover{background-color:#d02020!important}.separator{background-color:#ccc}.headerContainer{flex-direction:column;margin-left:1em}.headerContainer h1{font-family:monospace;color:#036767;font-weight:bolder}.chatWindowContainer{padding:1.5em}.commonErrorContainer{margin:3em;border:2px solid #df6b76;border-radius:10px}.react-responsive-modal-root{position:fixed;inset:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;position:fixed;inset:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}.range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;width:100%;height:8px;background:#ddd;border-radius:4px}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{position:absolute;z-index:3;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:#2196f3}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px #2196f380}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{position:absolute;z-index:1;transform:translateY(-50%);top:50%;width:100%;height:100%;background:#51adf6}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;position:absolute;z-index:2;top:0;left:0;width:0;height:0;background-color:transparent}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.range-slider input[type=range]:focus{outline:0}.modern-chat-ui{display:flex;flex-direction:column;height:100%;background-color:#fff;min-height:100vh}.chat-header{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid #eee;align-items:center}.chat-header h1{font-family:monospace;color:#036767;font-weight:bolder}.header-title{font-weight:600}.header-subtitle{font-size:.875rem;color:#777}.icon{width:20px;height:20px;color:#666}.mic-icon{cursor:pointer;transition:color .2s ease-in-out}.mic-icon:hover{color:#14b8a6}.mic-icon.recording{color:#e74c3c;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.messages-scroll{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;flex:1;margin-bottom:1em}.chat-msg{display:flex;align-items:flex-start;gap:.75rem}.chat-msg.bot{flex-direction:row}.chat-msg.user{justify-content:flex-end;flex-direction:row-reverse}.msg-bubble{background-color:#f3f4f6;padding:.75rem 1rem;border-radius:16px;max-width:75%}.user-bubble{background-color:#14b8a6;color:#fff}.chat-input-row{display:flex;border-top:1px solid #eee;gap:.5rem;align-items:center;margin:0 1em;position:fixed;bottom:0;left:0;width:98%;background:#fff;z-index:100}.chat-input-wrap{flex-grow:1;display:flex;background-color:#f1f5f9;padding:.75rem 1rem;border-radius:999px;align-items:center}.chat-input-wrap input{flex-grow:1;background:transparent;border:none;outline:none}.icons{display:flex;gap:.5rem}.send-btn{width:48px;height:48px;background-color:#14b8a6;border-radius:999px;display:flex;align-items:center;justify-content:center;border:none}.emoji-options{display:flex;flex-direction:column;gap:.5rem}.emoji-btn{display:flex;align-items:center;gap:1rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:1rem;background-color:#fff;transition:all .2s ease}.emoji-btn.active{background-color:#0d9488;border-color:#0d9488;color:#fff}.avatar-header{display:flex;justify-content:flex-start;align-items:center;height:60px}.logo-image{height:60px;width:auto}.signout-btn{align-self:flex-start;margin-bottom:auto;background-color:#e74c3c;color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s}.signout-btn:hover{background-color:#c0392b}.logoutButton{color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:medium;font-weight:600;transition:background-color .3s ease}.chat-window__current-coach{font-family:Inter,sans-serif;top:50px;box-sizing:border-box;width:100%;height:70px;padding:0 20px;background:#fff;border-bottom:1px solid #E3E3E3;box-shadow:0 2px 6px -1px #0003;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.chat-window__current-coach--coach-name{text-align:right;font-weight:700}.chat-window__current-coach--role{text-align:right}.chat-window__messages{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px;overflow-y:auto}.chat-window__input{box-sizing:border-box;width:100%;padding:10px 20px 30px;background-color:#e3e3e3;border-top:1px solid #E3E3E3;box-shadow:0 -2px 6px -1px #0003}.chat-window__input form{display:flex;gap:10px;align-items:flex-end}.chat-window__input form textarea{flex-grow:1;border:none;outline:none;border-radius:20px;background-color:#fff;font-family:Inter,sans-serif;font-size:16px;resize:none;scrollbar-width:none;padding:10px 20px;line-height:1.4em;height:1.4em;max-height:7em}.chat-window__input form button{background-color:#037d8a;color:#fff;border:none;border-radius:20px;height:40px}.message-bubble-user{align-self:flex-end;max-width:70%}.message-bubble-user .message-content{background-color:#e3e3e3;color:#000;position:relative}.message-bubble-user .message-content:before{content:"";position:absolute;z-index:0;bottom:0;right:-8px;height:20px;width:20px;background:#e3e3e3;border-bottom-left-radius:15px}.message-bubble-user .message-content:after{content:"";position:absolute;z-index:1;bottom:0;right:-10px;width:10px;height:20px;background:#fff;border-bottom-left-radius:10px}.message-bubble-bot{align-self:flex-start;max-width:70%}.message-bubble-bot .message-content{background-color:#037d8a;color:#fff;position:relative}.message-bubble-bot .message-content:before{content:"";position:absolute;z-index:0;bottom:0;left:-7px;height:20px;width:20px;background:#037d8a;border-bottom-right-radius:15px}.message-bubble-bot .message-content:after{content:"";position:absolute;z-index:1;bottom:0;left:-10px;width:10px;height:20px;background:#fff;border-bottom-right-radius:10px}.message-bubble__thinking{display:flex;gap:6px}.message-bubble__thinking .dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.message-bubble__thinking .dot:nth-child(1){animation-delay:0s}.message-bubble__thinking .dot:nth-child(2){animation-delay:.2s}.message-bubble__thinking .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.4);opacity:.6}40%{transform:scale(1);opacity:1}}.message-content{font-family:Inter,sans-serif;font-size:16px;padding:12px 18px;border-radius:25px;line-height:1.4em;word-wrap:break-word}.message-content p{margin:0}.message-image{margin-top:10px;max-width:100%;border-radius:12px}.navbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:50px;padding:0 20px;background:#037d8a;color:#fff;font:700 1.5rem Roboto Condensed,sans-serif}.navbar--home-link{color:#fff}.navbar--home-link:hover{color:#b2b2b2}.navbar .navbar--settings-button{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
