body{font-family:system-ui,sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#f5f5f3;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--sage: #5a8a7a;--sage-light: #e8f2ee;--sage-mid: #a8c9bc;--sky: #7ba7c4;--sky-light: #e6f0f7;--radius: 14px}.screen-wrap{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem;min-height:100vh}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:400px;background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:14px;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:10px}.auth-title{font-size:26px;font-weight:400;text-align:center}.auth-title em{font-style:italic;color:var(--sage)}.auth-sub{font-size:14px;color:#666;text-align:center}.auth-divider{font-size:12px;color:#888;text-align:center}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:13px;color:#666}.field input{padding:9px 12px;border:.5px solid rgba(0,0,0,.2);border-radius:10px;font-size:14px;font-family:inherit;background:#f8f8f6;color:#1a1a1a}.field input:focus{outline:none;border-color:var(--sage-mid)}.error-msg{font-size:13px;color:#c44;padding:6px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:400;font-family:inherit;cursor:pointer;border:.5px solid rgba(0,0,0,.2);background:#fff;color:#1a1a1a;transition:background .15s;width:100%}.btn:hover{background:#f5f5f3}.btn.primary{background:var(--sage);border-color:var(--sage);color:#fff}.btn.primary:hover{background:#4a7a6a}.btn.ghost{background:transparent;border-color:transparent;color:#666}.btn.ghost:hover{background:#f5f5f3;color:#1a1a1a}.btn.sm{padding:6px 13px;font-size:13px;width:auto}.btn:disabled{opacity:.5;cursor:not-allowed}.back-btn{display:flex;align-items:center;gap:6px;font-size:13px;color:#888;cursor:pointer;margin-bottom:1.25rem;background:none;border:none;padding:0;font-family:inherit}.back-btn:hover{color:#1a1a1a}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.home-header{text-align:center;margin-bottom:1.75rem}.home-title{font-size:26px;font-weight:400}.home-title em{font-style:italic;color:var(--sage)}.home-sub{font-size:14px;color:#888;margin-top:6px}.pulse-ring{width:64px;height:64px;border-radius:50%;background:var(--sage-light);display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto 1.25rem}.pulse-ring:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid var(--sage-mid);animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.mood-row{margin-bottom:1.25rem}.mood-label{font-size:13px;color:#888;display:block;margin-bottom:8px}.mood-btns{display:flex;gap:8px;flex-wrap:wrap}.mood-btn{padding:6px 14px;border-radius:20px;border:.5px solid rgba(0,0,0,.1);background:#fff;font-size:13px;cursor:pointer;color:#888;transition:all .15s;font-family:inherit}.mood-btn:hover,.mood-btn.selected{background:var(--sage-light);border-color:var(--sage-mid);color:var(--sage)}.panic-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff8f0;border:.5px solid #e8c89a;border-radius:10px;padding:10px 14px;margin-bottom:1rem;font-size:14px;color:#7a4a1a}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem}.option-card{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:14px;padding:1.25rem 1rem;cursor:pointer;transition:all .2s;text-align:center}.option-card:hover{background:#f8f8f6;transform:translateY(-1px)}.option-card.sage{border-color:var(--sage-mid)}.option-card.sky{border-color:#a8c4d8}.option-card.warm{border-color:#d4b896}.option-card.purple{border-color:#b8a8d4}.card-icon{font-size:26px;display:block;margin-bottom:8px}.option-card h3{font-size:14px;font-weight:500;margin-bottom:4px}.option-card p{font-size:12px;color:#888;line-height:1.5}.safe-note{font-size:12px;color:#aaa;text-align:center;line-height:1.7}.home-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:.5px solid rgba(0,0,0,.08)}.user-chip{font-size:12px;color:#888}.tab-bar{display:flex;gap:6px;background:#f0f0ed;padding:4px;border-radius:10px;margin-bottom:1rem}.tab{flex:1;padding:7px;border-radius:7px;border:none;background:transparent;font-size:13px;font-family:inherit;cursor:pointer;color:#888;transition:all .15s}.tab.active{background:#fff;color:#1a1a1a;border:.5px solid rgba(0,0,0,.1)}.chat-container{border-radius:14px;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:14px 14px 0 0}.chat-header h3{font-size:14px;font-weight:500}.chat-header p{font-size:12px;color:#888}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5a9a6a;margin-right:5px}.chat-body{height:320px;overflow-y:auto;background:#f8f8f6;border-left:.5px solid rgba(0,0,0,.1);border-right:.5px solid rgba(0,0,0,.1);padding:1rem;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.msg{display:flex;gap:8px;align-items:flex-start;animation:fadeUp .25s ease}.msg.mine{flex-direction:row-reverse}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;flex-shrink:0}.bubble{max-width:72%;padding:9px 13px;border-radius:12px;font-size:14px;line-height:1.55}.msg:not(.mine) .bubble{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:3px 12px 12px}.msg.mine .bubble{background:var(--sage);color:#fff;border-radius:12px 3px 12px 12px}.msg-name{font-size:11px;color:#aaa;margin-bottom:3px;padding:0 2px}.msg.mine .msg-name{text-align:right}.system-msg{text-align:center;font-size:12px;color:#aaa;padding:4px 0}.reaction-bar{display:flex;gap:6px;padding:6px 10px;background:#fff;border-left:.5px solid rgba(0,0,0,.1);border-right:.5px solid rgba(0,0,0,.1);flex-wrap:wrap;align-items:center}.react-label{font-size:11px;color:#aaa}.react-btn{font-size:11px;padding:4px 10px;border-radius:20px;border:.5px solid rgba(0,0,0,.1);background:#f5f5f3;cursor:pointer;color:#333;transition:all .15s;font-family:inherit}.react-btn:hover{background:var(--sage-light);border-color:var(--sage-mid)}.chat-footer{display:flex;gap:8px;padding:10px;background:#fff;border:.5px solid rgba(0,0,0,.1);border-top:none;border-radius:0 0 14px 14px}.chat-footer textarea{flex:1;padding:8px 12px;border:.5px solid rgba(0,0,0,.15);border-radius:10px;font-size:14px;font-family:inherit;resize:none;height:40px;background:#f8f8f6;color:#1a1a1a}.chat-footer textarea:focus{outline:none;border-color:var(--sage-mid)}.send-btn{width:40px;height:40px;border-radius:10px;background:var(--sage);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.send-btn:hover{background:#4a7a6a}.send-btn:disabled{opacity:.5}.ai-chat-body{height:340px;overflow-y:auto;border:.5px solid rgba(0,0,0,.1);border-radius:14px 14px 0 0;padding:1rem;display:flex;flex-direction:column;gap:12px;background:#f8f8f6;scroll-behavior:smooth}.ai-msg{display:flex;gap:10px;align-items:flex-start;animation:fadeUp .25s ease}.ai-msg.user{flex-direction:row-reverse}.ai-avatar{width:32px;height:32px;border-radius:10px;background:var(--sky-light);border:.5px solid #b8d4e8;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.ai-bubble{max-width:80%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6}.ai-msg:not(.user) .ai-bubble{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:3px 12px 12px}.ai-msg.user .ai-bubble{background:var(--sky);color:#fff;border-radius:12px 3px 12px 12px}.ai-footer{display:flex;gap:8px;padding:10px;background:#fff;border:.5px solid rgba(0,0,0,.1);border-top:none;border-radius:0 0 14px 14px;margin-bottom:10px}.ai-footer input{flex:1;padding:8px 12px;border:.5px solid rgba(0,0,0,.15);border-radius:10px;font-size:14px;font-family:inherit;background:#f8f8f6;color:#1a1a1a}.ai-footer input:focus{outline:none;border-color:#a8c4d8}.ai-send-btn{width:40px;height:40px;border-radius:10px;background:var(--sky);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.ai-send-btn:hover{background:#6090b0}.ai-send-btn:disabled{opacity:.5}.quick-prompts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.quick-prompt{font-size:12px;padding:5px 12px;border-radius:20px;border:.5px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;color:#888;transition:all .15s;font-family:inherit}.quick-prompt:hover{background:var(--sky-light);border-color:#a8c4d8;color:#333}.typing-indicator{display:flex;gap:4px;align-items:center;padding:2px 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#aaa;animation:blink 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.g-card{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:14px;overflow:hidden;margin-bottom:12px}.g-card-header{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.g-card-header h3{font-size:15px;font-weight:500}.g-card-body{padding:0 1.25rem 1.25rem;border-top:.5px solid rgba(0,0,0,.08)}.breath-wrap{display:flex;flex-direction:column;align-items:center;padding:1.5rem 0 1rem}.breath-circle{width:110px;height:110px;border-radius:50%;background:var(--sage-light);border:2px solid var(--sage-mid);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.breath-dot{width:20px;height:20px;border-radius:50%;background:var(--sage);opacity:.7}.breath-label{font-size:15px;color:var(--sage);font-weight:400;min-height:22px;text-align:center}.breath-count{font-size:12px;color:#aaa;margin-top:4px}.g-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#f8f8f6;font-size:14px;cursor:pointer;transition:all .15s;border:.5px solid rgba(0,0,0,.08)}.g-step:hover{background:var(--sage-light)}.g-step.done{opacity:.55}.step-num{width:28px;height:28px;border-radius:50%;background:var(--sage-light);border:1px solid var(--sage-mid);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--sage);flex-shrink:0}.g-step.done .step-num{background:var(--sage);color:#fff;border-color:var(--sage)}.empty-state{text-align:center;padding:3rem 1rem;color:#aaa;display:flex;flex-direction:column;align-items:center;gap:10px}:root{--app-bg: #f5f5f3;--app-card: #ffffff;--app-text: #1a1a1a;--app-muted: #888888;--app-border: rgba(0,0,0,.1);--app-input: #f8f8f6}body{background:var(--app-bg)!important;color:var(--app-text)!important;transition:background .3s,color .3s}.auth-card,.g-card,.chat-header,.chat-footer,.reaction-bar,.ai-footer{background:var(--app-card)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.chat-body,.ai-chat-body,.field input,.chat-footer textarea,.ai-footer input{background:var(--app-input)!important;color:var(--app-text)!important;border-color:var(--app-border)!important}.option-card{background:var(--app-card)!important;border-color:var(--app-border)!important}.tab-bar{background:var(--app-input)!important}.tab.active{background:var(--app-card)!important}.app-bg-image{background-size:cover!important;background-position:center!important;background-attachment:fixed!important}.app-bg-image .screen-wrap,.app-bg-image .auth-card,.app-bg-image .option-card,.app-bg-image .g-card,.app-bg-image .chat-container,.app-bg-image .chat-header,.app-bg-image .chat-footer,.app-bg-image .reaction-bar,.app-bg-image .ai-chat-body,.app-bg-image .ai-footer,.app-bg-image .tab-bar{background:#ffffffd1!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.app-bg-image .chat-body{background:#ffffffb3!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.app-bg-image .option-card:hover{background:#fffffff2!important}body,.screen-wrap{color:#1a1a1a!important}.option-card h3{color:#1a1a1a!important;font-weight:500!important}.option-card p{color:#555!important}.home-title{color:#1a1a1a!important}.home-sub,.mood-label{color:#555!important}.mood-btn{color:#444!important}.safe-note{color:#666!important}.user-chip,.back-btn{color:#555!important}.field label{color:#444!important;font-weight:500!important}.field input,.g-card-header h3,.auth-title{color:#1a1a1a!important}.auth-sub,.tab{color:#555!important}.tab.active{color:#1a1a1a!important;font-weight:500!important}h2{color:#1a1a1a!important}p{color:inherit}[style*="color: #888"],[style*="color:#888"]{color:#555!important}[style*="color: #aaa"],[style*="color:#aaa"]{color:#777!important}.app-has-bg .screen-wrap,.app-has-bg h1,.app-has-bg h2,.app-has-bg h3,.app-has-bg p,.app-has-bg span,.app-has-bg label,.app-has-bg .home-title,.app-has-bg .home-title em,.app-has-bg .home-sub,.app-has-bg .mood-label,.app-has-bg .mood-btn,.app-has-bg .safe-note,.app-has-bg .user-chip,.app-has-bg .back-btn,.app-has-bg .option-card h3,.app-has-bg .option-card p,.app-has-bg .g-card-header h3,.app-has-bg .tab,.app-has-bg .tab.active,.app-has-bg .field label,.app-has-bg .auth-title,.app-has-bg .auth-sub,.app-has-bg .react-label,.app-has-bg .system-msg,.app-has-bg .msg-name,.app-has-bg .chat-header h3,.app-has-bg .chat-header p,.app-has-bg .online-dot+span{color:#1a1a1a!important;text-shadow:none!important}.app-has-bg .option-card,.app-has-bg .g-card,.app-has-bg .chat-header,.app-has-bg .auth-card{background:#ffffffe0!important;color:#1a1a1a!important}.app-has-bg .home-header .home-title,.app-has-bg .home-header .home-title em,.app-has-bg .home-header .home-sub,.app-has-bg .home-header .mood-label{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.6),0 2px 20px rgba(0,0,0,.4)!important}.app-has-bg .mood-btn{background:#ffffffe0!important;color:#1a1a1a!important;border-color:#ffffff80!important}.app-has-bg .mood-btn.selected{background:#fffffff2!important;color:var(--sage)!important}.app-has-bg .home-footer{background:#ffffffbf!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-radius:12px!important;padding:10px 14px!important;border:.5px solid rgba(255,255,255,.5)!important}.app-has-bg .home-footer .user-chip,.app-has-bg .home-footer .btn{color:#1a1a1a!important;text-shadow:none!important}.app-has-bg .safe-note{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.5)!important;background:#0003!important;border-radius:8px!important;padding:6px 12px!important}.app-has-bg *{text-shadow:none!important}.app-has-bg .home-header *{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.8),0 2px 12px rgba(0,0,0,.6)!important}.app-has-bg .option-card,.app-has-bg .g-card,.app-has-bg .auth-card,.app-has-bg .chat-container,.app-has-bg .chat-header,.app-has-bg .chat-footer,.app-has-bg .reaction-bar,.app-has-bg .ai-footer,.app-has-bg .ai-chat-body,.app-has-bg .tab-bar,.app-has-bg .panic-alert,.app-has-bg .mood-row{background:#fffffff0!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;color:#1a1a1a!important}.app-has-bg .option-card *,.app-has-bg .g-card *,.app-has-bg .chat-header *,.app-has-bg .chat-footer *,.app-has-bg .reaction-bar *,.app-has-bg .tab-bar *,.app-has-bg .tab,.app-has-bg .tab.active,.app-has-bg .mood-btn,.app-has-bg .mood-label,.app-has-bg .react-label,.app-has-bg .react-btn{color:#1a1a1a!important;text-shadow:none!important}.app-has-bg .mood-btn{background:#fffffff0!important;border-color:#00000026!important}.app-has-bg .home-footer{background:#ffffffe0!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:12px!important;padding:10px 14px!important;border:.5px solid rgba(255,255,255,.5)!important;color:#1a1a1a!important}.app-has-bg .home-footer *{color:#1a1a1a!important;text-shadow:none!important}.app-has-bg .back-btn{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.8)!important;font-weight:500!important}.app-has-bg .safe-note{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.8)!important;background:#0000004d!important;border-radius:8px!important;padding:6px 14px!important;display:inline-block!important}.app-has-bg>div>div>h2,.app-has-bg .screen-wrap>h2{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.8)!important}.safe-note{font-size:15px!important;font-weight:500!important;color:#444!important}.safe-note strong{font-size:17px!important;color:#c44!important}