body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#888;background-color:#1a1a1a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8ed;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--accent-color:#007aff;--accent-hover:#0056b3;--border-color:#d2d2d7;--shadow-color:#00000014;--shadow-hover:#0000001f}[data-theme=dark]{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2a;--bg-tertiary:#252538;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:#808090;--accent-color:#0a84ff;--accent-hover:#409cff;--border-color:#303040;--shadow-color:#0000004d;--shadow-hover:#0006}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s,color .3s}.app{max-width:100%;min-height:100vh;margin:0 auto}.page{width:100%;min-height:100vh}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.settings-panel{z-index:1000;gap:12px;display:flex;position:fixed;top:20px;right:20px}.dropdown{position:relative}.dropdown-toggle{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px var(--shadow-color);border-radius:12px;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dropdown-toggle:hover{border-color:var(--accent-color);box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-1px)}.dropdown-icon{align-items:center;font-size:18px;line-height:1;display:flex}.dropdown-label{-webkit-user-select:none;user-select:none;line-height:1.2}.dropdown-arrow{opacity:.6;align-items:center;font-size:10px;line-height:1;transition:transform .2s;display:flex}.dropdown-toggle:hover .dropdown-arrow{opacity:1}.dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);min-width:160px;box-shadow:0 8px 24px var(--shadow-hover);z-index:1001;border-radius:12px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:all .15s;display:flex}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item.active{background:var(--accent-color);color:#fff}.dropdown-item.active:hover{background:var(--accent-hover)}.item-icon{font-size:18px;line-height:1}.item-label{-webkit-user-select:none;user-select:none;font-weight:500}.home-page{background:var(--bg-primary);flex-direction:column;align-items:center;min-height:100vh;padding:20px 20px 40px;transition:background .3s;display:flex}.language-switcher-top{align-self:flex-end;gap:8px;margin-bottom:20px;display:flex}.lang-btn-top{background:var(--bg-secondary);cursor:pointer;border:2px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;transition:all .3s;display:flex}.lang-btn-top:hover{background:var(--bg-tertiary)}.lang-btn-top.active{background:var(--bg-tertiary);border-color:var(--border-color)}.lang-btn-top .lang-flag{font-size:16px}.lang-btn-top .lang-label{color:var(--text-secondary);font-size:12px}.star-icon{opacity:.9;margin-bottom:20px;font-size:48px}.home-title{color:var(--text-secondary);text-align:center;margin-bottom:30px;font-size:18px;font-weight:400}.mood-selector{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px;display:flex}.mood-btn{cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;transition:all .3s;display:flex}.mood-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.mood-btn.good:hover{background:#ffb86c26}.mood-btn.okay:hover{background:#b0b0b026}.mood-btn.rough:hover{background:#8be9fd26}.divider{background:var(--bg-tertiary);width:60%;height:1px;margin-bottom:30px}.nav-buttons{flex-direction:column;gap:12px;width:100%;max-width:280px;display:flex}.nav-btn{cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);border:none;border-radius:12px;padding:16px 24px;font-size:15px;transition:all .3s}.nav-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.nav-btn.primary{background:var(--bg-tertiary);color:var(--text-primary)}.nav-btn.primary:hover{background:var(--border-color)}.checkin-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;padding:20px;transition:background .3s;display:flex}.checkin-step{flex-direction:column;flex:1;display:flex}.checkin-title{color:var(--text-secondary);text-align:center;margin-bottom:30px;font-size:18px;font-weight:400}.mood-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:30px;display:grid}.mood-card{background:var(--bg-secondary);cursor:pointer;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;transition:all .3s;display:flex}.mood-card:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.mood-card.selected{background:var(--bg-tertiary);border-color:var(--border-color)}.mood-emoji{font-size:32px}.mood-label{color:var(--text-secondary);font-size:14px}.selected-mood-display{flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.mood-emoji-large{margin-bottom:16px;font-size:64px}.checkin-prompt{color:var(--text-secondary);text-align:center;font-size:16px}.note-section{margin-bottom:30px}.note-label{color:var(--text-tertiary);margin-bottom:12px;font-size:14px;display:block}.note-input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;border-radius:12px;padding:16px;font-family:inherit;font-size:15px;transition:border-color .3s}.note-input:focus{border-color:var(--accent-color);outline:none}.note-input::placeholder{color:var(--text-tertiary)}.complete-btn{background:var(--bg-tertiary);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:12px;padding:16px;font-size:16px;transition:all .3s}.complete-btn:hover{background:var(--border-color);transform:translateY(-1px)}.checkin-step.completion{text-align:center;justify-content:center;align-items:center}.completion-icon{opacity:.9;margin-bottom:20px;font-size:64px}.streak-info{color:var(--text-secondary);margin-bottom:8px;font-size:15px}.no-rewards{color:var(--text-tertiary);margin-bottom:40px;font-size:13px}.completion-buttons{gap:12px;width:100%;max-width:300px;display:flex}.secondary-btn,.primary-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px 20px;font-size:15px;transition:all .3s}.secondary-btn{background:var(--bg-secondary);color:var(--text-secondary)}.secondary-btn:hover{background:var(--bg-tertiary)}.primary-btn{background:var(--bg-tertiary);color:var(--text-primary)}.primary-btn:hover{background:var(--border-color);transform:translateY(-1px)}.chat-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;padding:20px;transition:background .3s;display:flex}.back-button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:20px;padding:8px 0;font-size:14px;transition:color .3s}.back-button:hover{color:var(--text-secondary)}.mode-select{flex-direction:column;flex:1;display:flex}.chat-title{color:var(--text-secondary);text-align:center;margin-bottom:30px;font-size:18px;font-weight:400}.mode-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:30px;display:grid}.mode-card{background:var(--bg-secondary);cursor:pointer;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;transition:all .3s;display:flex}.mode-card:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.mode-icon{font-size:32px}.mode-label{color:var(--text-secondary);text-align:center;font-size:14px}.direct-input{margin-top:auto}.direct-input input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:16px;font-family:inherit;font-size:15px;transition:border-color .3s}.direct-input input:focus{border-color:var(--accent-color);outline:none}.direct-input input::placeholder{color:var(--text-tertiary)}.chat-container{flex-direction:column;flex:1;height:100%;display:flex}.chat-header{background:var(--bg-secondary);border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.header-icon{font-size:24px}.header-label{color:var(--text-secondary);font-size:16px}.messages{flex-direction:column;flex:1;gap:12px;margin-bottom:20px;padding:10px 0;display:flex;overflow-y:auto}.message{word-wrap:break-word;border-radius:16px;max-width:80%;padding:12px 16px;font-size:15px;line-height:1.5}.message.user{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-right-radius:4px;align-self:flex-end}.message.ai{background:var(--bg-secondary);color:var(--text-secondary);border-bottom-left-radius:4px;align-self:flex-start}.input-area{background:var(--bg-secondary);border-radius:12px;gap:12px;padding:12px;display:flex}.input-area input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;flex:1;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .3s}.input-area input:focus{border-color:var(--accent-color);outline:none}.input-area input::placeholder{color:var(--text-tertiary)}.input-area button{background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:15px;transition:all .3s}.input-area button:hover{background:var(--border-color);transform:translateY(-1px)}.cope-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;padding:20px;transition:background .3s;display:flex;overflow-y:auto}.cope-title{color:var(--text-secondary);margin-bottom:30px;font-size:20px;font-weight:400}.tool-section{margin-bottom:30px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.tool-card{background:var(--bg-secondary);cursor:pointer;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;transition:all .3s;display:flex}.tool-card:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.tool-card.primary{background:var(--bg-tertiary)}.tool-card.primary:hover{background:var(--border-color)}.tool-icon{font-size:32px}.tool-label{color:var(--text-secondary);text-align:center;font-size:13px;line-height:1.3}.tool-page{flex:1;justify-content:center;align-items:center;display:flex}.tool-modal{background:var(--bg-secondary);text-align:center;border-radius:16px;width:100%;max-width:360px;padding:24px}.tool-modal h3{color:var(--text-secondary);margin-bottom:20px;font-size:18px;font-weight:400}.tool-modal p{color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.tool-modal button{background:var(--bg-tertiary);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:12px;margin-top:12px;padding:14px 20px;font-size:15px;transition:all .3s}.tool-modal button:hover{background:var(--border-color);transform:translateY(-1px)}.excuse-text,.win-text,.hot-take-text,.tip-text,.activity-text{color:var(--text-primary);background:var(--bg-primary);border-radius:8px;justify-content:center;align-items:center;min-height:60px;margin-bottom:20px;padding:16px;font-size:16px;display:flex}.tool-modal.brain-dump{max-width:400px}.dump-hint{color:var(--text-tertiary);margin-bottom:16px;font-size:13px}.tool-modal.brain-dump textarea{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;margin-bottom:16px;padding:16px;font-family:inherit;font-size:15px;transition:border-color .3s}.tool-modal.brain-dump textarea:focus{border-color:var(--accent-color);outline:none}.tool-modal.brain-dump textarea::placeholder{color:var(--text-tertiary)}.dump-actions{gap:12px;display:flex}.dump-actions button{flex:1;margin:0}.dump-actions button:first-child{background:var(--bg-secondary)}.dump-actions button:first-child:hover{background:var(--bg-tertiary)}.crisis-section{margin-top:auto}.crisis-box{text-align:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:16px;padding:24px}.crisis-icon{margin-bottom:12px;font-size:32px}.crisis-title{color:#ff6b6b;margin:0 0 12px;font-size:16px;font-weight:500}.crisis-text{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.crisis-contacts{text-align:left}.crisis-contacts p{color:var(--text-tertiary);margin:4px 0;font-size:13px}.profile-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;padding:20px;transition:background .3s;display:flex;overflow-y:auto}.back-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:20px;padding:8px 0;font-size:14px;transition:color .3s}.back-btn:hover{color:var(--text-secondary)}.profile-header{background:var(--bg-secondary);border-radius:16px;flex-direction:column;align-items:center;gap:16px;margin-bottom:30px;padding:24px;display:flex}.avatar{opacity:.9;font-size:64px}.name-input{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;max-width:280px;color:var(--text-primary);text-align:center;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .3s}.name-input:focus{border-color:var(--accent-color);outline:none}.name-input::placeholder{color:var(--text-tertiary)}.profile-section{margin-bottom:30px}.language-switcher{background:var(--bg-secondary);border-radius:12px;gap:12px;padding:16px;display:flex}.lang-btn{background:var(--bg-primary);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 12px;transition:all .3s;display:flex}.lang-btn:hover{background:var(--bg-tertiary)}.lang-btn.active{background:var(--bg-tertiary);border-color:var(--border-color)}.lang-flag{font-size:24px}.lang-label{color:var(--text-secondary);font-size:13px}.section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:14px;font-weight:400}.vibe-calendar{-webkit-overflow-scrolling:touch;gap:8px;padding:4px;display:flex;overflow-x:auto}.vibe-day{background:var(--bg-secondary);opacity:.6;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:56px;padding:12px 8px;transition:all .3s;display:flex}.vibe-day.has-checkin{opacity:1;background:var(--bg-tertiary)}.vibe-date{color:var(--text-tertiary);font-size:11px}.vibe-emoji{font-size:24px}.vibe-full-date{color:var(--text-tertiary);font-size:10px}.preference-list{flex-direction:column;gap:16px;display:flex}.preference-group{background:var(--bg-secondary);border-radius:12px;padding:16px 20px}.preference-label{color:var(--text-secondary);margin-bottom:12px;font-size:14px;display:block}.vibe-style-options{flex-wrap:wrap;gap:8px;display:flex}.vibe-option{background:var(--bg-primary);min-width:90px;color:var(--text-tertiary);cursor:pointer;border:2px solid #0000;border-radius:8px;flex:1;padding:10px 12px;font-size:13px;transition:all .3s}.vibe-option:hover{background:var(--bg-tertiary)}.vibe-option.active{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.preference-item{background:var(--bg-secondary);cursor:pointer;text-align:left;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:background .3s;display:flex}.preference-item:hover{background:var(--bg-tertiary)}.preference-item span:first-child{color:var(--text-secondary);font-size:15px}.toggle{border-radius:12px;padding:4px 12px;font-size:14px;font-weight:500}.toggle.on{color:#4ade80;background:#64ff6433}.toggle.off{color:var(--text-tertiary);background:#96969633}.data-actions{flex-wrap:wrap;gap:12px;display:flex}.data-btn{cursor:pointer;border:none;border-radius:12px;flex:1;min-width:140px;padding:16px 20px;font-size:15px;transition:all .3s}.data-btn.export{background:var(--bg-secondary);color:var(--text-secondary)}.data-btn.export:hover{background:var(--bg-tertiary)}.data-btn.delete{color:#ff6b6b;background:#ff6b6b26}.data-btn.delete:hover{background:#ff6b6b40}.data-btn.delete.confirm{color:#fff;background:#ff6b6b;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.about-box{background:var(--bg-secondary);text-align:center;border-radius:12px;padding:24px}.about-title{color:var(--text-secondary);margin:0 0 8px;font-size:20px;font-weight:500}.about-version{color:var(--text-tertiary);margin:0 0 12px;font-size:13px}.about-tagline{color:var(--text-tertiary);margin:0;font-size:14px;font-style:italic}