@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#7c3aed;--primary-light:#a78bfa;--primary-lighter:#ede9fe;--primary-dark:#5b21b6;--accent:#06b6d4;--accent-light:#cffafe;--surface:#fff;--bg:#f8fafc;--bg-secondary:#f1f5f9;--text:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--success:#10b981;--success-light:#d1fae5;--error:#ef4444;--error-light:#fee2e2;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--nav-height:64px;--header-height:56px}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.app{background:var(--bg);flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;display:flex}.app-header{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);height:var(--header-height);justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.5rem;display:flex}.header-logo{background:var(--primary);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header-title{color:var(--text);font-size:1.125rem;font-weight:700}.header-tenant{color:var(--text-secondary);font-size:.75rem;font-weight:500}.header-right{align-items:center;gap:.25rem;display:flex}.icon-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-secondary);color:var(--text)}.app-main{padding:1rem;padding-bottom:calc(var(--nav-height) + 1.5rem);flex-direction:column;flex:1;gap:1rem;display:flex}.greeting-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-lg);padding:1.25rem;position:relative;overflow:hidden}.greeting-card:after{content:"";background:#ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.greeting-name{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.greeting-text{opacity:.9;font-size:.875rem}.section-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:1rem}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.age-buttons{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.age-btn{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.age-btn:hover:not(.active){border-color:var(--primary-light);background:var(--primary-lighter)}.age-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.age-btn .icon{align-items:center;display:flex}.hint-text{color:var(--text-tertiary);text-align:center;margin-top:.5rem;font-size:.8rem}.mode-buttons{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.mode-btn{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.625rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.mode-btn:hover:not(.active){border-color:var(--primary-light)}.mode-btn.active{border-color:var(--primary);background:var(--primary-lighter);color:var(--primary-dark)}.toggle-chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);align-items:center;gap:.375rem;min-height:40px;padding:.5rem .875rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.chip:hover:not(.active){border-color:var(--text-tertiary)}.chip.active{border-color:var(--primary);background:var(--primary-lighter);color:var(--primary-dark)}.chip .icon{align-items:center;display:flex}.question-input{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:1rem}.input-wrapper{align-items:flex-end;gap:.5rem;display:flex}.input-wrapper textarea{border:1.5px solid var(--border);border-radius:var(--radius-md);resize:none;min-height:48px;max-height:120px;color:var(--text);background:var(--bg);flex:1;padding:.75rem 1rem;font-size:1rem;line-height:1.5;transition:border-color .2s}.input-wrapper textarea::placeholder{color:var(--text-tertiary)}.input-wrapper textarea:focus{border-color:var(--primary);background:var(--surface);outline:none}.voice-btn{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:48px;height:48px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.voice-btn:hover{border-color:var(--primary-light);color:var(--primary)}.voice-btn.listening{border-color:var(--error);background:var(--error-light);color:var(--error);animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #ef44444d}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;margin-top:.75rem;padding:.875rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-text{color:var(--error);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8rem;display:flex}.error-box{background:var(--error-light);border-radius:var(--radius-md);color:var(--error);border:1px solid #fecaca;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.loading-indicator{flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.loading-indicator .spinner{color:var(--primary);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-indicator p{color:var(--text-secondary);font-size:.875rem}.answer-display{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:1.25rem;animation:.3s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.answer-header{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.answer-header h2{font-size:1rem;font-weight:600}.answer-content{color:var(--text);font-size:.9375rem;line-height:1.7}.answer-content p{margin-bottom:.75rem}.answer-content p:last-child{margin-bottom:0}.insight-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.insight-btn{background:var(--bg);border:1.5px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.insight-btn:hover:not(:disabled){border-color:var(--primary-light);color:var(--primary);background:var(--primary-lighter)}.insight-btn:disabled{opacity:.6;cursor:not-allowed}.insight-content{background:var(--primary-lighter);border-radius:var(--radius-md);padding:1rem;animation:.3s ease-out fadeInUp}.insight-content h3{color:var(--primary-dark);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}.insight-content p{color:var(--text);font-size:.875rem;line-height:1.6}.history-panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:1rem}.history-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.history-header h2{align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.clear-btn{color:var(--error);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.75rem;font-weight:500;display:flex}.clear-btn:hover{background:var(--error-light)}.history-search{margin-bottom:.75rem;position:relative}.history-search-icon{color:var(--text-tertiary);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.history-search input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);padding:.625rem 2.25rem .625rem 2.5rem;font-size:.875rem;transition:border-color .2s}.history-search input::placeholder{color:var(--text-tertiary)}.history-search input:focus{border-color:var(--primary);background:var(--surface);outline:none}.history-search-clear{background:var(--bg-secondary);border-radius:var(--radius-full);width:24px;height:24px;color:var(--text-tertiary);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.history-search-clear:hover{background:var(--border);color:var(--text)}.history-group{margin-bottom:.75rem}.history-group:last-child{margin-bottom:0}.history-group-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;padding:.375rem 0;font-size:.6875rem;font-weight:600}.history-items{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.history-item{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface);text-align:left;align-items:center;width:100%;min-height:44px;margin-bottom:.375rem;padding:.75rem;transition:all .2s;display:flex}.history-item:hover{border-color:var(--primary-light);background:var(--primary-lighter)}.history-item-left{flex:1;align-items:flex-start;gap:.625rem;min-width:0;display:flex}.history-item-icon{color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.history-question{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.history-meta{color:var(--text-tertiary);align-items:center;gap:.375rem;margin-top:.125rem;font-size:.7rem;display:flex}.history-detail{animation:.2s ease-out fadeInUp}.history-detail-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.history-detail-header h3{font-size:1rem;font-weight:600}.history-detail-body{flex-direction:column;gap:1rem;display:flex}.history-detail-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.6875rem;font-weight:600;display:block}.history-detail-question p{color:var(--text);font-size:.9375rem;font-weight:500;line-height:1.5}.history-detail-answer{background:var(--bg);border-radius:var(--radius-md);padding:.875rem}.history-detail-answer p{color:var(--text);font-size:.875rem;line-height:1.7}.history-detail-meta{color:var(--text-tertiary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.history-detail-actions{border-top:1px solid var(--border-light);gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.action-btn{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:.375rem;min-height:44px;padding:.625rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.action-btn:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-lighter)}.bottom-nav{width:100%;max-width:640px;height:var(--nav-height);background:var(--surface);border-top:1px solid var(--border);z-index:200;justify-content:space-around;align-items:center;padding:0 1rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;min-width:56px;padding:.5rem .75rem;font-size:.625rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--primary)}.nav-item .nav-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.nav-item.active .nav-icon{background:var(--primary-lighter)}.settings-page{flex-direction:column;gap:1rem;display:flex}.back-btn{color:var(--primary);background:0 0;border:none;align-items:center;gap:.25rem;padding:.5rem 0;font-size:.875rem;font-weight:500;display:flex}.profile-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);align-items:center;gap:1rem;padding:1.25rem;display:flex}.profile-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:700;display:flex}.profile-info{flex:1;min-width:0}.profile-name{color:var(--text);font-size:1rem;font-weight:600}.profile-email{color:var(--text-secondary);margin-top:.125rem;font-size:.8rem}.profile-badge{color:var(--primary);background:var(--primary-lighter);border-radius:var(--radius-full);margin-top:.375rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.settings-menu-group{flex-direction:column;gap:.5rem;display:flex}.settings-menu-group-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem;font-size:.6875rem;font-weight:600}.settings-menu-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden}.settings-menu-item{text-align:left;border:none;border-bottom:1px solid var(--border-light);background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:.875rem 1rem;transition:background .15s;display:flex}.settings-menu-item:last-child{border-bottom:none}.settings-menu-item:hover{background:var(--bg)}.settings-menu-item.danger:hover{background:var(--error-light)}.settings-menu-left{align-items:center;gap:.75rem;display:flex}.settings-menu-icon{border-radius:var(--radius-sm);background:var(--primary-lighter);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-menu-icon.danger{background:var(--error-light);color:var(--error)}.settings-menu-label{color:var(--text);font-size:.875rem;font-weight:500}.settings-menu-desc{color:var(--text-tertiary);margin-top:.125rem;font-size:.7rem}.settings-menu-arrow{color:var(--text-tertiary)}.settings-about-row{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.8rem;display:flex}.settings-danger-btn{border:1.5px solid var(--error);border-radius:var(--radius-md);width:100%;color:var(--error);background:0 0;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.settings-danger-btn:hover{background:var(--error-light)}.settings-section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.settings-section-header h3{color:var(--text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.add-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.add-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-lighter)}.section-card h3{color:var(--text);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.settings-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.settings-item:last-child{border-bottom:none}.settings-item-label{color:var(--text);font-size:.875rem;font-weight:500}.settings-item-desc{color:var(--text-tertiary);margin-top:.125rem;font-size:.75rem}.settings-item-value{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.8rem;font-weight:500}.child-form,.member-form,.password-form{border-bottom:1px solid var(--border-light);flex-direction:column;gap:.625rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.child-form-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.age-btn-sm{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);justify-content:center;align-items:center;gap:.375rem;min-height:40px;padding:.5rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.age-btn-sm.active{border-color:var(--primary);background:var(--primary-lighter);color:var(--primary-dark)}.save-child-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:.375rem;min-height:40px;padding:.625rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.save-child-btn:hover:not(:disabled){background:var(--primary-dark)}.save-child-btn:disabled{opacity:.6;cursor:not-allowed}.empty-hint{color:var(--text-tertiary);text-align:center;padding:.75rem 0;font-size:.8rem}.children-list,.members-list{flex-direction:column;gap:.5rem;display:flex}.child-item,.member-item{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg);justify-content:space-between;align-items:center;padding:.625rem;display:flex}.child-info,.member-info{align-items:center;gap:.625rem;display:flex}.child-avatar,.member-avatar{border-radius:var(--radius-sm);background:var(--primary-lighter);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.child-name,.member-name{color:var(--text);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.child-meta,.member-meta{color:var(--text-tertiary);margin-top:.125rem;font-size:.7rem}.you-badge{background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);padding:.125rem .375rem;font-size:.625rem;font-weight:600}.delete-child-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.delete-child-btn:hover{background:var(--error-light);color:var(--error)}.toggle-password{color:var(--text-tertiary);background:0 0;border:none;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.toggle-password:hover{color:var(--text-secondary)}.success-text{color:var(--success);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.8rem;display:flex}.auth-page{background:linear-gradient(135deg, var(--primary) 0%, #4c1d95 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:380px;padding:2rem 1.5rem}.auth-logo{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.auth-logo-icon{background:var(--primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.auth-logo h1{color:var(--text);font-size:1.5rem;font-weight:700}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.auth-tabs{background:var(--bg-secondary);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:0;margin-bottom:1.5rem;padding:4px;display:grid}.auth-tab{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;min-height:40px;padding:.625rem;font-size:.875rem;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.auth-form{flex-direction:column;gap:.75rem;display:flex}.input-group{position:relative}.input-group .input-icon{color:var(--text-tertiary);align-items:center;display:flex;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.input-group input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--text);background:var(--bg);padding:.75rem .875rem .75rem 2.75rem;font-size:.9375rem;transition:all .2s}.input-group input::placeholder{color:var(--text-tertiary)}.input-group input:focus{border-color:var(--primary);background:var(--surface);outline:none}.page-title{color:var(--text);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.empty-state{text-align:center;color:var(--text-tertiary);padding:2rem 1rem}.empty-state .icon{color:var(--border);margin-bottom:.75rem}.empty-state p{font-size:.875rem}@media (width>=768px){.app-main{padding:1.5rem;padding-bottom:calc(var(--nav-height) + 2rem)}.bottom-nav{display:none}.app-main{padding-bottom:1.5rem}}@media (width>=1024px){.app{max-width:720px}}