:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182b2e;background:#eaf2ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 10%,rgba(192,227,218,.75),transparent 34rem),linear-gradient(135deg,#edf6f2,#f7faf8 54%,#deefeb)}button,textarea{font:inherit}button{cursor:pointer}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,textarea:focus-visible{outline:3px solid #db8753;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.watergenie-embed-root{min-height:100vh}.watergenie-launcher{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:12px;min-width:196px;padding:10px 16px 10px 10px;border:1px solid rgba(24,43,46,.16);border-radius:999px;color:#f8fffd;background:#163f43;box-shadow:0 18px 42px #1031313d;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.watergenie-launcher:hover{transform:translateY(-2px);box-shadow:0 22px 48px #1031314d}.watergenie-launcher.is-open{visibility:hidden;pointer-events:none;opacity:0;transform:translateY(8px)}.launcher-orb,.brand-mark{display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:#153d41;background:#ffd7ad}.launcher-orb{width:42px;height:42px}.launcher-orb-mark,.brand-mark{font-weight:850}.launcher-orb-mark{font-size:19px}.launcher-copy{display:grid;gap:2px;text-align:left}.launcher-copy strong{font-size:14px;letter-spacing:.02em}.launcher-copy small{color:#c3ddd8;font-size:11px}.watergenie-shell{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:10;display:grid;width:min(520px,calc(100vw - 44px));max-height:min(820px,calc(100dvh - 44px));overflow:auto;border:1px solid rgba(23,66,67,.16);border-radius:28px;color:#182b2e;background:#fafdfbf5;box-shadow:0 28px 80px #10313147;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:bottom right}.shell-phase-activating{animation:shell-enter .36s cubic-bezier(.2,.8,.2,1) both}.shell-phase-minimizing{animation:shell-leave .24s ease both}.shell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 12px;background:linear-gradient(135deg,#e5f3ee,#fafdfb)}.shell-brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:38px;height:38px;color:#f8fffd;background:#1d6970}.brand-overline{margin:0 0 3px;color:#ba693f;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.shell-brand h1{max-width:280px;margin:0;color:#173c40;font-size:16px;line-height:1.2}.shell-controls{display:flex;align-items:center;gap:5px}.semantic-state{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid rgba(29,105,112,.16);border-radius:999px;color:#52716e;background:#ffffffad;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.shell-control{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(23,60,64,.14);border-radius:50%;color:#234e51;background:transparent;font-size:22px;line-height:1}.shell-control:hover{background:#ffffffc2}.close-control{font-size:20px}.shell-description{margin:0;padding:0 20px 18px 70px;color:#617472;font-size:12px;line-height:1.45}.watergenie-content{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;padding:0 20px 20px}.genie-zone{min-width:0;align-self:start;display:grid;justify-items:center;gap:7px;padding-top:12px}.genie-visual{position:relative;display:grid;width:108px;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid rgba(29,105,112,.18);border-radius:50%;background:radial-gradient(circle at 42% 30%,rgba(255,226,186,.9),transparent 34%),#d8ebe5;box-shadow:inset 0 0 0 8px #ffffff42}.genie-visual:after{position:absolute;inset:10px;border:1px solid rgba(29,105,112,.18);border-radius:inherit;content:"";pointer-events:none}.genie-visual img{display:block;width:92%;height:92%;object-fit:contain;transition:transform .3s ease,opacity .3s ease}.genie-visual[data-animation-state=thinking] img,.genie-visual[data-animation-state=activating] img{animation:visual-breathe 1.5s ease-in-out infinite}.genie-visual[data-animation-state=listening] img,.genie-visual[data-animation-state=clarifying] img{animation:visual-listen 1.1s ease-in-out infinite}.genie-visual[data-animation-state=minimizing] img{transform:scale(.82);opacity:.7}.genie-visual-fallback{display:grid;width:72%;aspect-ratio:1;place-items:center;border:1px solid rgba(29,105,112,.2);border-radius:50%;color:#52716e;background:#ffffff73;font-size:11px;font-weight:800;letter-spacing:.04em}.visual-state,.visual-note{color:#6f8581;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.visual-state{position:absolute;bottom:14px;z-index:1;padding:2px 5px;border-radius:999px;background:#fafdfbcc}.visual-note{margin:0;text-align:center}.interaction-zone{min-width:0;display:grid;align-content:start;gap:14px}.message-panel,.answer-panel,.next-action{border:1px solid #d8e5df;border-radius:18px;background:#fff}.message-panel{padding:18px}.genie-message{margin:0;color:#173c40;font-size:clamp(20px,3.2vw,28px);line-height:1.16;font-weight:690;letter-spacing:-.02em}.eyebrow,.section-label{margin:0 0 7px;color:#ba693f;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.answer-panel{display:grid;gap:12px;padding:17px;color:#385351;font-size:14px;line-height:1.55}.answer-panel p{margin:0}.caution-copy{padding-left:12px;border-left:3px solid #db8753}.next-action{padding:14px;color:#385351;background:#f3f8f5}.next-action p:last-child{margin:0;font-size:13px;line-height:1.45}.concern-section{display:grid;gap:8px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice-button,.primary-button,.secondary-button,.text-button{min-height:42px;border-radius:12px}.choice-button{padding:10px 12px;border:1px solid #bed2ca;color:#285154;background:#f8fcfa;text-align:left;font-size:12px;font-weight:650;transition:border-color .15s ease,background .15s ease,transform .15s ease}.choice-button:hover{border-color:#6e9d96;background:#edf8f3;transform:translateY(-1px)}.question-form{display:grid;gap:8px}.question-form label{color:#385351;font-size:12px;font-weight:750}.question-form textarea{width:100%;min-height:76px;resize:vertical;padding:12px;border:1px solid #aac4bb;border-radius:13px;color:inherit;background:#fff;font-size:16px;line-height:1.4}.form-actions{display:flex;flex-wrap:wrap;gap:8px}.primary-button,.secondary-button{padding:10px 15px;font-size:12px;font-weight:750}.primary-button{border:1px solid #173c40;color:#fff;background:#173c40}.primary-button:hover{background:#245b5e}.secondary-button{border:1px solid #aac4bb;color:#285154;background:#fff}.text-button{justify-self:start;min-height:32px;padding:5px 0;border:0;color:#28696c;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:3px}.system-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:12px;border:1px solid #e1b8a4;border-radius:12px;color:#774734;background:#fff7f1;font-size:12px;line-height:1.4}.system-status p{margin:0}@keyframes shell-enter{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shell-leave{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.96)}}@keyframes visual-breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.02)}}@keyframes visual-listen{0%,to{transform:translateY(1px)}50%{transform:translateY(-3px)}}@media(max-width:680px){.watergenie-shell{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:22px}.shell-header{padding:16px 16px 10px}.shell-description{padding:0 16px 14px}.watergenie-content{grid-template-columns:1fr;gap:10px;padding:0 16px 16px}.genie-zone{grid-template-columns:auto auto;justify-content:center;align-items:center;padding-top:0}.genie-visual{width:88px}.visual-note{max-width:90px}.choice-grid{grid-template-columns:1fr}.watergenie-launcher{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
